ensl.org/app/assets/stylesheets/layout/_navigation.scss

112 lines
2 KiB
SCSS
Raw Normal View History

2014-04-06 14:14:03 +00:00
/*
Navigation
*/
#menu {
2014-04-13 11:16:51 +00:00
font-family: $montserrat;
2014-04-06 14:14:03 +00:00
background-color: $background-primary;
height: em(60);
max-height: em(60);
2014-04-06 14:14:03 +00:00
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);
2014-04-06 14:14:03 +00:00
color: white;
line-height: em(14);
padding: em(5) em(8);
margin-left: em(25);
margin-top: - em(8);
2014-04-06 14:14:03 +00:00
}
> a {
width: auto;
color: white;
height: em(60);
line-height: em(16);
padding: em(22);
2014-04-06 14:14:03 +00:00
float: left;
border-right: em(1) solid $navbar-border;
2014-04-06 14:14:03 +00:00
&:hover,
&.active {
background-color: $navbar-secondary;
}
}
&.icon {
> a {
font-size: em(24);
line-height: em(24);
padding: em(18);
2014-04-06 14:14:03 +00:00
i {
width: em(24);
height: em(24);
2014-04-06 14:14:03 +00:00
}
}
}
&.dropdown {
ul {
display: none;
z-index: 10;
}
&:hover {
position: relative;
2014-04-06 14:14:03 +00:00
ul {
display: block;
position: absolute;
top: em(60);
2014-04-06 14:14:03 +00:00
left: 0;
min-width: 100%;
2014-04-06 14:14:03 +00:00
background-color: $navbar-secondary;
list-style: none;
padding: 0;
margin: 0;
li {
border-bottom: em(1) solid lighten($navbar-secondary, 10%);
2014-04-06 14:14:03 +00:00
&:first-child {
border-top: em(1) solid lighten($navbar-secondary, 10%);
}
2014-04-06 14:14:03 +00:00
&:last-child {
border-bottom: none;
}
a {
white-space: nowrap;
2014-04-06 14:14:03 +00:00
display: block;
height: em(60);
line-height: em(16);
padding: em(22);
2014-04-06 14:14:03 +00:00
color: $navbar-text;
}
}
}
}
}
}
}