public-health-ch/publichealth/static/css/modules/_navbar.scss
2017-05-10 23:16:21 +02:00

69 lines
1.2 KiB
SCSS

.navbar-pre {
background-color: $brand-primary;
height: 40px;
.nav {
text-align: right;
a {
color: white;
padding: 10px;
line-height: 40px;
vertical-align: middle;
}
.contact-nav {
margin-right: 1em;
a {
margin: 0 5px;
font-size: .7em;
&.link {
text-transform: uppercase;
}
&:hover {
text-decoration: none;
}
}
.social-networks {
top: -1px; position: relative;
a { margin: 0 10px; }
}
}
.language-nav {
text-transform: uppercase;
a {
margin: 0;
&.active, &:hover {
background-color: white;
color: $brand-primary;
}
}
}
@include max-screen($screen-xs-max) {
.contact-nav a {
font-size: .9em;
padding: 10px 5px;
}
}
}
}
.navbar-default {
&.navbar-main {
top: 40px;
}
.navbar-header {
.navbar-brand {
text-transform: uppercase;
font-size: 1em;
img {
display: inline;
width: auto;
height: 28px;
margin-top: -5px;
margin-right: .5em;
}
}
}
}