vmems-website/assets/sass/nav.scss
Matthieu Bessat 4ababc96dc
All checks were successful
Deploy workflow / deploy (push) Successful in 13s
fix(design): use bootstrap success as primary color
2024-09-03 12:10:41 +02:00

58 lines
1 KiB
SCSS

/* bs3: mobile navbar without js custom
* ------------------------------------
* show the collapse when navbar toggle is checked */
#navbar-toggle-cbox:checked ~ .collapse {
display: block;
}
/* the checkbox used only internally; don't display it */
#navbar-toggle-cbox {
display:none
}
.site__header {
height: 3.5em;
font-size: 1.2rem;
.navbar-brand {
font-size: 1.75rem;
}
}
@media (min-width: $md-breakpoint) {
.site__header {
.navbar-collapse {
flex-grow: 0;
}
}
}
@media (max-width: $md-breakpoint) {
.site__header {
.navbar-brand {
padding-left: 12px;
}
.navbar-header {
padding-right: 12px;
}
.navbar-collapse {
ul {
margin-bottom: 0;
}
position: relative;
z-index: 99;
top: 7px;
background-color: #E9ECEF;
color: black;
.nav-link {
padding: 0.5em 1em;
color: black !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.container {
padding: 0 !important;
}
}
}