Browse Source

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.
main
Paul O’Shannessy 11 years ago
parent
commit
3a062af469
  1. 34
      _css/react.scss

34
_css/react.scss

@ -74,6 +74,24 @@ li {
margin-left: 20px; 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 // Main Nav
.nav-main { .nav-main {
@ -392,22 +410,6 @@ section.black content {
font-size: 24px; 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. // H2s form documentation topic dividers. Extra space helps.
h2 { h2 {

Loading…
Cancel
Save