mirror of
https://github.com/ENSL/ensl.org.git
synced 2025-01-06 18:00:43 +00:00
5487854a6c
Added new ISO country code flag icons to asset pipeline Lots and lots of new style changes Began converting to JS to coffeescript
106 lines
No EOL
1.9 KiB
SCSS
106 lines
No EOL
1.9 KiB
SCSS
/*
|
|
Navigation
|
|
*/
|
|
|
|
#menu {
|
|
font-family: "Montserrat", sans-serif;
|
|
background-color: $background-primary;
|
|
height: em(60);
|
|
max-height: em(60);
|
|
nav {
|
|
@include outer-container;
|
|
}
|
|
}
|
|
|
|
ul.navigation {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
background-color: $navbar-primary;
|
|
float: left;
|
|
|
|
> li {
|
|
float: left;
|
|
|
|
.count {
|
|
background-color: #6a5a8c;
|
|
display: inline-block;
|
|
font-size: em(14);
|
|
color: white;
|
|
line-height: em(14);
|
|
padding: em(5) em(8);
|
|
margin-left: em(25);
|
|
margin-top: - em(8);
|
|
}
|
|
|
|
> a {
|
|
width: auto;
|
|
color: white;
|
|
height: em(60);
|
|
line-height: em(16);
|
|
padding: em(22);
|
|
float: left;
|
|
border-right: em(1) solid $navbar-border;
|
|
&:hover,
|
|
&.active {
|
|
background-color: $navbar-secondary;
|
|
}
|
|
}
|
|
|
|
&.icon {
|
|
|
|
> a {
|
|
font-size: em(24);
|
|
line-height: em(24);
|
|
padding: em(18);
|
|
|
|
i {
|
|
width: em(24);
|
|
height: em(24);
|
|
}
|
|
}
|
|
}
|
|
|
|
&.dropdown {
|
|
|
|
ul {
|
|
display: none;
|
|
z-index: 10;
|
|
}
|
|
|
|
&:hover {
|
|
position: relative;
|
|
|
|
ul {
|
|
display: block;
|
|
position: absolute;
|
|
top: em(60);
|
|
left: 0;
|
|
min-width: 100%;
|
|
background-color: $navbar-secondary;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
li {
|
|
border-bottom: em(1) solid lighten($navbar-secondary, 10%);
|
|
|
|
&:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
a {
|
|
white-space: nowrap;
|
|
display: block;
|
|
height: em(60);
|
|
line-height: em(16);
|
|
padding: em(22);
|
|
color: $navbar-text;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |