Move header link styling out of documentation only
It's used in blog posts too. I also constrained it to just the anchor class to avoid any other headers we have.
Paul O’Shannessy committed
Nov 5, 2013 at 15:04 UTC
1553bad73a41927f90b8c02bd566423bf900567f
1 file changed
+18
-16
docs/_css/react.scss
+18
-16
@@ -74,6 +74,24 @@ li {
74
margin-left: 20px;
75
}
76
77
+// Make header navigation linkable and on the screen. Used in documentation and
78
+// blog posts.
79
+h1, h2, h3, h4, h5, h6 {
80
+ &.anchor {
81
+ position: relative;
82
+ top: -$navHeight;
83
+ > a {
84
+ color: $darkTextColor;
85
+ position: relative;
86
+ top: $navHeight;
87
+
88
+ &:hover {
89
+ text-decoration: underline;
90
+ }
91
+ }
92
+ }
93
+}
94
+
95
// Main Nav
96
97
.nav-main {
@@ -392,22 +410,6 @@ section.black content {
410
font-size: 24px;
411
}
412
395
- h1, h2, h3, h4, h5, h6 {
396
- &.anchor {
397
- position: relative;
398
- top: -$navHeight;
399
- }
400
-
401
- > a {
402
- color: $darkTextColor;
403
- position: relative;
404
- top: $navHeight;
405
-
406
- &:hover {
407
- text-decoration: underline;
408
- }
409
- }
410
- }
413
414
// H2s form documentation topic dividers. Extra space helps.
415
h2 {