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

70 lines
1.4 KiB
SCSS
Raw Normal View History

#navbar {
2018-06-03 18:41:22 +02:00
align-items: flex-end;
margin-bottom: 10px;
z-index: 100;
2018-06-03 18:41:22 +02:00
.logo-wrapper {
padding-bottom: 0;
position: relative;
2018-06-03 18:41:22 +02:00
#santa {
bottom: 0;
left: 5px;
position: absolute;
width: 60px;
z-index: 300;
}
2016-12-24 16:37:44 +01:00
}
2018-06-03 18:41:22 +02:00
.navbar:not(.is-transparent) #logo-link {
@include desktop {
border-bottom: 2px solid $body-background;
margin-bottom: -2px;
width: 124px;
}
#logo {
@include desktop {
max-width: none;
max-height: none;
left: 0;
bottom: 5px;
width: 100px;
position: absolute;
}
}
2018-04-14 23:33:56 +02:00
}
2018-06-03 18:41:22 +02:00
.navbar-item {
font-variant: small-caps;
font-size: 1.15em;
}
2016-12-15 09:49:37 +01:00
2018-07-05 14:28:56 +02:00
@include touch {
.navbar-menu {
position: absolute;
width: 100%;
}
2018-07-05 14:28:56 +02:00
}
2018-06-03 18:41:22 +02:00
.navbar:not(.is-transparent) {
.navbar-item {
&:not(.is-active) {
color: #7a7a7a;
}
2018-06-03 18:41:22 +02:00
&.is-active {
color: $primary;
border-bottom: 2px solid;
margin-bottom: -2px;
}
}
}
#ledenformulier {
color: $zeus-orange;
transform: rotate(10deg);
}
2018-09-24 18:23:17 +02:00
}