public-health-ch/publichealth/static/css/modules/_navbar.scss

70 lines
1.2 KiB
SCSS
Raw Normal View History

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