Files
astuto/app/assets/stylesheets/common/_header.scss
Riccardo Graziosi d8cf46c351 Switch from webpacker to (css|js)bundling-rails (#227)
* Install jsbundling-rails, uninstall rails/webpacker
* Remove outdated step from run-tests workflow
* Use cssbundling-rails for CSS
2023-05-19 17:47:01 +02:00

86 lines
1.2 KiB
SCSS

.header {
@extend
.navbar,
.navbar-expand-md,
.navbar-light;
position: sticky;
z-index: 1;
top: 0px;
background-color: white;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 4px rgba(0,0,0,0.15), 0 1px 8px rgba(0,0,0,0.15);
margin-bottom: 1em;
.brand {
@extend .navbar-brand;
font-size: 18pt;
font-weight: 700;
.logo {
@extend
.d-inline-block,
.align-top,
.mr-2;
height: 36px;
}
}
.navbarToggler {
@extend .navbar-toggler;
&:focus {
outline: none;
}
}
.boardsNav {
@extend
.navbar-nav,
.mr-auto;
.nav-item {
@extend
.badge,
.text-uppercase;
font-size: 14px;
text-align: left;
}
.nav-item.active {
@extend .badgeLight;
}
}
.profileNav {
@extend
.navbar-nav,
.ml-auto;
.profileToggle {
@extend
.nav-link,
.dropdown-toggle;
&::after { vertical-align: middle; }
}
.fullname {
color: $astuto-black;
vertical-align: middle;
}
}
.dropdown-item:active {
background-color: $primary-color;
}
}