Difference between revisions of "Team:Imperial College/Templates/NavBar"
| Line 178: | Line 178: | ||
} | } | ||
| − | / | + | /**********Navigation Variables*************/ |
$content-width: 1000px; | $content-width: 1000px; | ||
$breakpoint: 799px; | $breakpoint: 799px; | ||
| Line 190: | Line 190: | ||
$sub-link-hover-shadow lightpink; | $sub-link-hover-shadow lightpink; | ||
| − | / | + | /************** Outer navigation wrapper *****************/ |
.navigation { | .navigation { | ||
height: $nav-height; | height: $nav-height; | ||
| Line 200: | Line 200: | ||
} | } | ||
| − | + | Container with no padding for navbar | |
.nav-container { | .nav-container { | ||
max-width: 1000px $content-width; | max-width: 1000px $content-width; | ||
| Line 206: | Line 206: | ||
} | } | ||
| − | / | + | /************** Navigation *******************/ |
nav { | nav { | ||
float: right; | float: right; | ||
| Line 250: | Line 250: | ||
} | } | ||
| − | // Dropdown list binds to JS toggle event | + | ///********************************* Dropdown list binds to JS toggle event ********************************/ |
.nav-dropdown { | .nav-dropdown { | ||
position: absolute; | position: absolute; | ||
| Line 260: | Line 260: | ||
/* Mobile navigation */ | /* Mobile navigation */ | ||
| − | // Binds to JS Toggle | + | ///********************************* toggle event Binds to JS Toggle ********************************/ |
.nav-mobile { | .nav-mobile { | ||
display: none; | display: none; | ||
Revision as of 11:28, 13 October 2018
