Refactor of hyperlink styles and hover states

barryclark · barryclark · commit 2e8d4bb33f61 · 2014-06-01T17:24:06.000-04:00
diff --git a/scss/style.scss b/scss/style.scss
@@ -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;
diff --git a/style.css b/style.css
@@ -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;
