// Logo and branding .brand{position:absolute;padding-left:20px;float:left;line-height:$nav-height;text-transform:uppercase;font-size:1.4em;a,a:visited{color:$nav-font-color;text-decoration:none}}// Container with no padding for navbar .nav-container{max-width:$content-width;margin:0 auto}// Navigation nav{float:right;ul{list-style:none;margin:0;padding:0;li{float:left;position:relative;a,a:visited{display:block;padding:0 20px;line-height:$nav-height;background:$nav-background;color:$nav-font-color;text-decoration:none;&:hover{background:$link-hover-color;color:$nav-font-color}&:not(:only-child):after{padding-left:4px;content:" ▾"}}// Dropdown list ul li{min-width:190px;a{padding:15px;line-height:20px}}}}}// Dropdown list binds to JS toggle event .nav-dropdown{position:absolute;display:none;z-index:1;box-shadow:0 3px 12px #00000026}// Binds to JS Toggle .nav-mobile{display:none;position:absolute;top:0;right:0;background:$nav-background;height:$nav-height;width:$nav-height}@media only screen and (max-width:798px){// Hamburger nav visible on mobile only .nav-mobile{display:block}nav{width:100%;padding:$nav-height 0 15px}nav ul{display:none}nav ul li{float:none}nav ul li a{padding:15px;line-height:20px}nav ul li ul li a{padding-left:30px}.nav-dropdown{position:static}}@media screen and (min-width: $breakpoint){.nav-list{display:block!important}}#nav-toggle{position:absolute;left:18px;top:22px;cursor:pointer;padding:10px 35px 16px 0}#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{cursor:pointer;border-radius:1px;height:5px;width:35px;background:$nav-font-color;position:absolute;display:block;content:"";transition:all .3s ease-in-out}#nav-toggle span:before{top:-10px}#nav-toggle span:after{bottom:-10px}#nav-toggle.active span{background-color:transparent}#nav-toggle.active span:before,#nav-toggle.active span:after{top:0}#nav-toggle.active span:before{transform:rotate(45deg)}#nav-toggle.active span:after{transform:rotate(-45deg)}// Page content article{max-width:$content-width;margin:0 auto;padding:10px}