Add clickable anchors to docs headers

Closes #434
facebook · Oct 21, 2013 · 99dcdb8 · 99dcdb8
1 parent 58b3ae3
commit 99dcdb8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/docs/_css/react.scss b/docs/_css/react.scss
@@ -391,6 +391,16 @@ section.black content {
     font-size: 24px;
   }
 
+  h1, h2, h3, h4, h5, h6 {
+    a {
+      color: $darkTextColor;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
   // H2s form documentation topic dividers. Extra space helps.
   h2 {
     margin-top: 30px;

diff --git a/docs/_plugins/header_links.rb b/docs/_plugins/header_links.rb
@@ -11,7 +11,7 @@ def header(title, level)
       .gsub(/\s+/, "-")
       .gsub(/[^A-Za-z0-9\-_.]/, "")
 
-    return "<h#{level} id=\"#{clean_title}\">#{title}</h#{level}>"
+    return "<h#{level} id=\"#{clean_title}\"><a href=\"##{clean_title}\">#{title}</a></h#{level}>"
   end
 end