Fix button border color
- Remove bottom borders on links and use text-decoration: underline instead - Use sans-serif font for button text
This commit is contained in:
parent
0f0275010e
commit
3ba1427cca
2 changed files with 4 additions and 8 deletions
|
@ -51,11 +51,14 @@ svg:not(:root) {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding: 8px 20px;
|
padding: 8px 20px;
|
||||||
@include font-rem(14);
|
@include font-rem(14);
|
||||||
|
font-family: $heading-font;
|
||||||
|
font-weight: 700;
|
||||||
background-color: $primary;
|
background-color: $primary;
|
||||||
color: $white;
|
color: $white;
|
||||||
border-width: 2px !important;
|
border-width: 2px !important;
|
||||||
border-style: solid !important;
|
border-style: solid !important;
|
||||||
border-color: $primary;
|
border-color: $primary;
|
||||||
|
text-decoration: none !important;
|
||||||
@include rounded(3px);
|
@include rounded(3px);
|
||||||
&:visited {
|
&:visited {
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
|
@ -410,14 +410,7 @@ $button-size: 1.5rem;
|
||||||
// Dotted line underlines for links
|
// Dotted line underlines for links
|
||||||
p > a,
|
p > a,
|
||||||
li > a {
|
li > a {
|
||||||
border-bottom: 1px dotted lighten($link-color, 50);
|
text-decoration: underline;
|
||||||
&:hover {
|
|
||||||
border-bottom-style: solid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p > a.reversefootnote,
|
|
||||||
li > a.reversefootnote {
|
|
||||||
border-bottom-width: 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.toc {
|
.toc {
|
||||||
|
|
Loading…
Reference in a new issue