osem-fcy/app/assets/stylesheets/osem-navbar.scss
2020-07-16 11:15:17 -07:00

59 lines
1.3 KiB
SCSS

@import "breakpoints.scss";
@import "osem-variables.scss";
.nav-osem {
border: none;
@include breakpoint(xs) {
.navbar-collapse {
background-color: white;
border-bottom: 2px solid #efefef;
}
.navbar-nav > li > a {
color: black;
}
.navbar-collapse.in {
overflow: hidden;
max-height: none;
}
.navbar-toggle .icon-bar {
background-color: white;
}
.navbar-nav .open .dropdown-toggle:focus {
color: black;
background-color: #eeeeee;
}
.btn-group {
width: 100%;
text-align: center;
}
.navbar-nav .open .dropdown-menu > li > a {
color: black;
}
}
.dropdown-menu {
min-width: 225px;
}
&.navbar-default {
.navbar-nav > .open > a {
&:hover, &:focus {
color: $navbar-default-link-color;
}
}
}
.navbar-brand img {
margin-top: -5px;
max-height: 100%;
}
.trapezoid {
border-top-color: $navbar-default-bg;
}
.profile-thumbnail {
border-radius: 3px;
max-height: 20px;
max-width: 20px;
}
}