Refactor of hyperlink styles and hover states
parent
9d6de3c942
commit
2e8d4bb33f
|
@ -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;
|
||||||
|
|
19
style.css
19
style.css
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue