Refactor of hyperlink styles and hover states

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

View file

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