ensl.org/app/assets/stylesheets/layout/_navigation.scss
Luke Barratt 775f5682a4 Added form view styling
Improved articles styling
Improved bbcode to html formatting
HTML and CSS refactorings
Moved Extra into concerns
Changed repo URL to read-only for deploys
Fixes quotes in comments
2014-04-12 02:35:42 +01:00

112 lines
No EOL
2 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%);
&:first-child {
border-top: 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;
}
}
}
}
}
}
}