Matthieu Bessat
4ababc96dc
All checks were successful
Deploy workflow / deploy (push) Successful in 13s
59 lines
1 KiB
SCSS
59 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;
|
|
}
|
|
}
|
|
}
|