Skip to content

Commit 84eb92d

Browse files
EricDunsworthjvanulde
authored andcommitted
Bootstrap overrides: Changed placeholder links to look like plain text.
Also prevented contrast ratio issues in pagination placeholder links that use the "active" class. Related to twbs/bootstrap#19402 and partially-based on twbs/bootstrap#19411 (thanks @patrickhlauke).
1 parent cc67670 commit 84eb92d

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

src/base/bootstrap-overrides/_base.scss

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,19 @@ a {
2121
&:visited {
2222
color: $link-visited-color;
2323
}
24+
25+
// make placeholder links look like plain text
26+
&:not([href]) {
27+
color: inherit;
28+
text-decoration: none;
29+
30+
&:hover,
31+
&:focus {
32+
color: inherit;
33+
outline: none;
34+
text-decoration: none;
35+
}
36+
}
2437
}
2538

2639
// do not change the visited link colour for certain elements
@@ -626,6 +639,7 @@ fieldset {
626639
* Pagination
627640
* * Add left/right arrows to previous/next buttons
628641
* * Increase size of the pagination buttons
642+
* * Prevent contrast ratio issues on active placeholder links
629643
*/
630644
%glyphicon-inline-icons {
631645
content: " ";
@@ -725,6 +739,14 @@ fieldset {
725739
}
726740
}
727741

742+
.pagination {
743+
> {
744+
.active {
745+
color: $pagination-active-color;
746+
}
747+
}
748+
}
749+
728750

729751
/*
730752
* Use button border style 'outset' to give buttons depth, except when disabled

0 commit comments

Comments
 (0)