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.
This commit is contained in:
Paul O’Shannessy
2013-11-05 15:04:57 -08:00
parent aadb65166d
commit 1553bad73a
+18 -16
View File
@@ -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 {