Line 150: | Line 150: | ||
/* -------------------------------- Primary style -------------------------------- */ | /* -------------------------------- Primary style -------------------------------- */ | ||
− | *, | + | *, *:after, *:before { |
− | + | ||
− | + | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
-moz-box-sizing: border-box; | -moz-box-sizing: border-box; | ||
Line 171: | Line 169: | ||
body.overflow-hidden { | body.overflow-hidden { | ||
− | /* when primary | + | /* when primary navigation is visible, the content in the background won't scroll */ |
− | + | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 202: | Line 199: | ||
/* -------------------------------- Main components -------------------------------- */ | /* -------------------------------- Main components -------------------------------- */ | ||
− | html, | + | html, body { |
− | + | ||
height: 100%; | height: 100%; | ||
} | } | ||
Line 244: | Line 240: | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | } | ||
− | .cd-header.is-fixed { | + | /*.cd-header.is-fixed { |
− | /* when | + | /* when the user scrolls down, we hide the header right above the viewport */ |
− | + | ||
position: fixed; | position: fixed; | ||
top: -80px; | top: -80px; | ||
Line 253: | Line 248: | ||
-moz-transition: -moz-transform 0.3s; | -moz-transition: -moz-transform 0.3s; | ||
transition: transform 0.3s; | transition: transform 0.3s; | ||
− | } | + | }*/ |
.cd-header.is-visible { | .cd-header.is-visible { | ||
/* if the user changes the scrolling direction, we show the header */ | /* if the user changes the scrolling direction, we show the header */ | ||
Line 274: | Line 269: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
− | -webkit-transform: translateY(-50%); | + | /* -webkit-transform: translateY(-50%); |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
− | transform: translateY(-50%); | + | transform: translateY(-50%);*/ |
left: .875em; | left: .875em; | ||
} | } | ||
Line 296: | Line 291: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
− | -webkit-transform: translateY(-50%); | + | /*-webkit-transform: translateY(-50%); |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
− | transform: translateY(-50%); | + | transform: translateY(-50%);*/ |
right: 10em; | right: 10em; | ||
/* hidden on small devices */ | /* hidden on small devices */ |
Revision as of 13:58, 8 October 2019