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:
Michael Rose 2014-09-30 16:35:45 -04:00
parent 0f0275010e
commit 3ba1427cca
2 changed files with 4 additions and 8 deletions

View file

@ -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;

View file

@ -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 {