zeus.ugent.be/content/assets/stylesheets/includes/navbar.scss

90 lines
1.3 KiB
SCSS
Raw Normal View History

#navbar {
align-items: flex-end;
z-index: 100;
margin-bottom: 10px;
.logo-wrapper {
padding-bottom: 0;
2016-12-24 16:37:44 +01:00
position: relative;
#santa {
position: absolute;
2017-12-11 19:02:49 +01:00
z-index: 300;
left: 5px;
2017-12-16 18:35:24 +01:00
bottom: 0;
2017-12-11 19:02:49 +01:00
width: 60px;
2016-12-24 16:37:44 +01:00
}
}
.nav-menu {
z-index: 20;
.nav-transparent {
background: none;
}
}
.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-left: 10px;
width: 100px;
}
}
2016-12-15 09:49:37 +01:00
//Height of the line underneath when hovering over a menu item
$border-height: 3px;
.nav {
height: 100%;
align-items: flex-end;
z-index: auto;
.nav-item {
transition: 0.2s;
font-variant: small-caps;
font-size: 1.15em;
2016-12-12 20:06:48 +01:00
&:not(.nav-search) {
2016-12-15 09:49:37 +01:00
border-bottom: $border-height solid transparent;
2016-12-12 20:06:48 +01:00
border-top: 3px solid transparent;
}
&:hover {
transition: 0.2s;
}
&.social-icon {
padding-left: 5px;
padding-right: 5px;
}
2016-12-12 20:06:48 +01:00
&:not(.nav-search):hover, &.is-active {
border-bottom-color: $zeus-orange;
}
}
}
2016-12-24 16:37:44 +01:00
}
.hero {
#logo {
padding-top: 25px;
}
2017-12-16 18:35:24 +01:00
.nav-right {
padding-right: 10px;
}
}