zeus.ugent.be/content/assets/stylesheets/includes/navbar.scss
2016-11-06 10:12:34 +01:00

63 lines
968 B
SCSS

#navbar {
align-items: flex-end;
z-index: 100;
margin-bottom: 10px;
.logo-wrapper {
padding-bottom: 0;
}
.nav-menu {
z-index: 20;
}
.actual-nav-bar {
padding: 0;
margin: 10px;
margin-bottom: 0;
border-bottom: 1px solid #eee;
}
#inline-logo {
min-width: 38.703px;
}
#logo-link {
#logo {
padding-top: 10px;
padding-left: 10px;
width: 100px;
}
}
.nav {
height: 100%;
align-items: flex-end;
z-index: auto;
.nav-item {
transition: 0.2s;
font-variant: small-caps;
font-size: 1.15em;
&:hover {
transition: 0.2s;
}
&.social-icon {
padding-left: 5px;
padding-right: 5px;
}
&.is-tab {
border-bottom: 3px solid transparent;
border-top: 3px solid transparent;
&:hover, &.is-active {
border-bottom-color: $zeus-orange;
}
}
}
}
}