open-vault/website/source/assets/stylesheets/_header.scss

80 lines
1.5 KiB
SCSS
Raw Normal View History

2015-03-13 17:34:29 +00:00
#header {
// Hamburger menu
.navbar-toggle {
height: $header-height;
margin: 0;
padding-right: 15px;
border-radius: 0;
.icon-bar {
border: 1px solid $black;
border-radius: 0;
}
}
// Logo
2015-11-10 04:58:06 +00:00
.navbar-brand {
display: block;
margin: 0;
padding: 0;
2017-03-06 19:53:00 +00:00
.logo {
color: $header-link-color;
display: inline-block;
font-family: $font-family-klavika;
font-weight: $font-weight-bold;
2015-11-10 04:58:06 +00:00
font-size: 0;
height: $header-height;
line-height: $header-height;
width: 200px;
padding-left: 64px;
2017-03-08 19:07:20 +00:00
background: image-url('logo-text.svg') 0 0 no-repeat;
background-position: left center;
&:hover, &:focus, &:active {
outline: 0;
text-decoration: none;
}
2015-03-13 17:34:29 +00:00
}
2015-11-10 04:58:06 +00:00
}
2015-03-13 17:34:29 +00:00
// Nav
ul.nav {
li {
a {
color: $header-link-color;
font-size: $header-font-size;
font-family: $font-family-open-sans;
height: $header-height;
line-height: $header-height;
padding: 0 10px;
margin: 0;
text-decoration: none;
2015-03-13 17:34:29 +00:00
&:hover, &:focus, &:active {
background-color: transparent;
color: $header-link-color-hover;
outline: 0;
svg {
fill: $header-link-color-hover;
}
}
2015-03-13 17:34:29 +00:00
svg {
fill: $header-link-color;
position: relative;
top: 2px;
width: 14px;
height: 14px;
margin-right: 3px;
}
2015-11-10 04:58:06 +00:00
}
2015-03-13 17:34:29 +00:00
}
2015-11-10 04:58:06 +00:00
}
.buttons {
margin-top: 2px;
}
2015-03-13 17:34:29 +00:00
}