Move header link styling out of documentation only

zpao · zpao · commit 01b40d84c72d · 2013-11-05T15:06:58.000-08:00
It's used in blog posts too. I also constrained it to just the anchor
class to avoid any other headers we have.
diff --git a/docs/_css/react.scss b/docs/_css/react.scss
@@ -74,6 +74,24 @@ li {
   margin-left: 20px;
 }
 
+// Make header navigation linkable and on the screen. Used in documentation and
+// blog posts.
+h1, h2, h3, h4, h5, h6 {
+  &.anchor {
+    position: relative;
+    top: -$navHeight;
+    > a {
+      color: $darkTextColor;
+      position: relative;
+      top: $navHeight;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
 // Main Nav
 
 .nav-main {
@@ -392,22 +410,6 @@ section.black content {
     font-size: 24px;
   }
 
-  h1, h2, h3, h4, h5, h6 {
-    &.anchor {
-      position: relative;
-      top: -$navHeight;
-    }
-
-    > a {
-      color: $darkTextColor;
-      position: relative;
-      top: $navHeight;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
 
   // H2s form documentation topic dividers. Extra space helps.
   h2 {
