Bug: Incorrect foreground color of the link in code blocks. iissnan#859

Author: iissnan

source/css/_common/components/highlight/highlight.styl

@@ -57,12 +57,17 @@ pre {
 
   figcaption {
     clearfix();
-    font-size: 0.85em;
-    color: $highlight-comment;
+    font-size: 1em;
+    color: $highlight-foreground;
     line-height: 1em;
     margin-bottom: 1em;
 
-    a { float: right; }
+    a {
+      float: right;
+      color: $highlight-foreground;
+
+      &:hover { border-bottom-color: $highlight-foreground; }
+    }
   }
 
   .gutter pre {
@@ -74,6 +79,13 @@ pre {
   .line { height: 20px; }
 }
 
+
+.gist table {
+  width: auto;
+
+  td { border: none; }
+}
+
 pre {
 
   .comment { color: $highlight-comment; }

source/css/_common/scaffolding/helpers.styl

@@ -33,30 +33,20 @@
 
 .pullquote {
   width: 45%;
+
   &.left {
     float: left;
     margin-left: 5px;
     margin-right: 10px;
   }
+
   &.right {
     float: right;
     margin-left: 10px;
     margin-right: 5px;
   }
 }
 
-.highlight table, .gist table {
-  width: auto;
-
-  td { border: none; }
-}
-.highlight, .gist {
-  a {
-    color: $link-hover-color !important;
-    text-decoration: none !important;
-  }
-}
-
 .affix.affix.affix { position: fixed; }
 
 .translation {
@@ -87,7 +77,8 @@
   background: inherit;
   opacity: 0.5;
   &:focus { opacity: 1; }
-};
+}
+
 .search-icon {
   position: absolute;
   top: 9px;