vmems-website/assets/sass/nav.scss

59 lines
1 KiB
SCSS
Raw Permalink Normal View History

2024-08-13 12:28:51 +00:00
/* 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;
}
}
}