@ -15,6 +15,7 @@ $contentPadding: 20px;
$columnWidth : 280 px ;
$columnWidth : 280 px ;
$columnGutter : 40 px ;
$columnGutter : 40 px ;
$twoColumnWidth : 2 * $columnWidth + $columnGutter ;
$twoColumnWidth : 2 * $columnWidth + $columnGutter ;
$navHeight : 50 px ;
@ -42,7 +43,7 @@ html {
. container {
. container {
padding-top : 50 px ;
padding-top : $navHeight ;
min-width : $contentWidth + ( 2 * $contentPadding ) ;
min-width : $contentWidth + ( 2 * $contentPadding ) ;
}
}
@ -81,7 +82,7 @@ li {
color : $lightTextColor ;
color : $lightTextColor ;
position : fixed ;
position : fixed ;
top : 0 ;
top : 0 ;
height : 50 px ;
height : $navHeight ;
box-shadow : 0 0 5 px rgba ( 0 , 0 , 0 , .5 ) ;
box-shadow : 0 0 5 px rgba ( 0 , 0 , 0 , .5 ) ;
width : 100 % ;
width : 100 % ;
z-index : 100 ;
z-index : 100 ;
@ -103,9 +104,9 @@ li {
padding : 0 8 px ;
padding : 0 8 px ;
text-transform : uppercase ;
text-transform : uppercase ;
letter-spacing : 1 px ;
letter-spacing : 1 px ;
line-height : 50 px ;
line-height : $navHeight ;
display : inline-block ;
display : inline-block ;
height : 50 px ;
height : $navHeight ;
color : $mediumTextColor ;
color : $mediumTextColor ;
& : hover {
& : hover {
@ -123,7 +124,7 @@ li {
. nav-home {
. nav-home {
color : #00d8ff ;
color : #00d8ff ;
font-size : 24 px ;
font-size : 24 px ;
line-height : 50 px ;
line-height : $navHeight ;
}
}
. nav-logo {
. nav-logo {
@ -392,8 +393,15 @@ section.black content {
}
}
h1 , h2 , h3 , h4 , h5 , h6 {
h1 , h2 , h3 , h4 , h5 , h6 {
a {
& . anchor {
position : relative ;
top : - $navHeight ;
}
> a {
color : $darkTextColor ;
color : $darkTextColor ;
position : relative ;
top : $navHeight ;
& : hover {
& : hover {
text-decoration : underline ;
text-decoration : underline ;