$sticky-nav-height:60px;$sticky-nav-transition:.2s;.js--sticky-nav{width:100%;height:$sticky-nav-height;position:fixed;top:0;background:#34495e;transition:$sticky-nav-transition;ul{padding:20px;margin:0 auto;list-style:none;text-align:center;li{display:inline-block;margin:0 10px;a{padding:6px 0;color:#ecf0f1;font-size:1rem;text-decoration:none;font-weight:bold;transition:all .2s ease;&:hover{color:#4fa0a2}&.active{border-bottom:2px solid #4fa0a2;color:#4fa0a2}}}}}.js--has-sticky-nav{// Added by jQuery position:relative;margin-bottom:$sticky-nav-height}.js--sticky-nav{position:absolute;bottom:-$sticky-nav-height;top:auto;width:100%;height:$sticky-nav-height;z-index:9;// 1000 overflow:hidden;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .4s,height .3s,background .4s;-moz-transition:-moz-transform .4s,height .3s,background .4s;transition:transform .4s,height .3s,background .4s}.js--sticky-nav.invisible{-webkit-transform:translate(0,-64px);-moz-transform:translate(0,-64px);-o-transform:translate(0,-64px);transform:translate(0,-64px);-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;-o-transition:-o-transform .2s;transition:.2s;opacity:0}.js--sticky-nav.detached{position:fixed;top:0;-webkit-transition:-webkit-transform .3s,height .3s,background .4s,opacity .3s;-moz-transition:-moz-transform .3s,height .3s,background .4s,opacity .3s;-o-transition:-o-transform .3s,height .3s,background .4s,opacity .3s;transition:transform .3s,height .3s,background .4s,opacity .3s}#navigation{-webkit-transform:translate(0,-700px);-moz-transform:translate(0,-700px);-o-transform:translate(0,-700px);transform:translate(0,-700px);opacity:0;padding-top:2em;text-align:center;-webkit-transition:-webkit-transform .15s,opacity .7s;-moz-transition:-moz-transform .15s,opacity .7s;-o-transition:-o-transform .15s,opacity .7s;transition:transform .15s,opacity .7s}.js--sticky-nav.expanded #navigation{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);opacity:1}