Refactor of hyperlink styles and hover states

kramdown-and-rouge
Barry Clark 2014-06-01 17:24:06 -04:00
parent 9d6de3c942
commit 2e8d4bb33f
2 changed files with 6 additions and 41 deletions

View File

@ -71,11 +71,11 @@ p {
} }
a { a {
color: $blue;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
color: $blue;
&:hover, &:active { &:hover, &:active {
text-decoration: underline; color: $blue;
} }
} }
@ -190,19 +190,11 @@ img {
.site-name { .site-name {
margin: 0; margin: 0;
color: $darkGray; color: $darkGray;
text-decoration: none;
cursor: pointer; cursor: pointer;
font-family: $helveticaNeue; font-family: $helveticaNeue;
font-weight: 300; font-weight: 300;
font-size: 28px; font-size: 28px;
letter-spacing: 1px; letter-spacing: 1px;
a {
&:hover, &:active {
color: $blue;
text-decoration: none;
}
}
} }
.site-description { .site-description {
@ -234,13 +226,7 @@ nav {
text-align: right; text-align: right;
font-weight: 300; font-weight: 300;
letter-spacing: 1px; letter-spacing: 1px;
&:hover, &:active {
color: $darkGray;
text-decoration: none;
cursor: pointer;
}
@include mobile { @include mobile {
margin: 0 10px; margin: 0 10px;
} }
@ -264,14 +250,6 @@ nav {
} }
.post { .post {
h1 a {
cursor: pointer;
&:hover, &:active {
color: $blue;
text-decoration: none;
}
}
blockquote { blockquote {
margin: 1.8em .8em; margin: 1.8em .8em;
border-left: 2px solid $gray; border-left: 2px solid $gray;

View File

@ -360,11 +360,11 @@ p {
margin: 15px 0; } margin: 15px 0; }
a { a {
color: #4183c4;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer; }
color: #4183c4; }
a:hover, a:active { a:hover, a:active {
text-decoration: underline; } color: #4183c4; }
ul, ol { ul, ol {
margin: 15px 0; margin: 15px 0;
@ -444,15 +444,11 @@ img {
.site-name { .site-name {
margin: 0; margin: 0;
color: #333333; color: #333333;
text-decoration: none;
cursor: pointer; cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300; font-weight: 300;
font-size: 28px; font-size: 28px;
letter-spacing: 1px; } letter-spacing: 1px; }
.site-name a:hover, .site-name a:active {
color: #4183c4;
text-decoration: none; }
.site-description { .site-description {
margin: -5px 0 0 0; margin: -5px 0 0 0;
@ -479,10 +475,6 @@ nav {
text-align: right; text-align: right;
font-weight: 300; font-weight: 300;
letter-spacing: 1px; } letter-spacing: 1px; }
nav a:hover, nav a:active {
color: #333333;
text-decoration: none;
cursor: pointer; }
@media screen and (max-width: 520px) { @media screen and (max-width: 520px) {
nav a { nav a {
margin: 0 10px; } } margin: 0 10px; } }
@ -495,11 +487,6 @@ nav {
padding-bottom: 1em; padding-bottom: 1em;
border-bottom: none; } border-bottom: none; }
.post h1 a {
cursor: pointer; }
.post h1 a:hover, .post h1 a:active {
color: #4183c4;
text-decoration: none; }
.post blockquote { .post blockquote {
margin: 1.8em 0.8em; margin: 1.8em 0.8em;
border-left: 2px solid #666666; border-left: 2px solid #666666;