archive/httpcb
Archived
1
0
Fork 0
Code Releases Activity

app/assets/sass/layout/_navigation.scss: use bootstrap 5.2.0 mixin for media queries. also skip $navbar-breakpoint-min variable and just use "md" breakpoint.

Browse source
This commit is contained in:
Henrik Hautakoski 2022-07-31 23:43:32 +02:00
parent 98ed31b7f8
commit 260fc64102
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/assets/sass/layout/_navigation.scss
View file

@ -34,9 +34,9 @@
font-size: 24px;
// Hide for larger view-ports.
@media (min-width: $navbar-breakpoint-min) {
display: none !important;
}
@include media-breakpoint-up(md) {
@include visually-hidden;
}
}
// Menu
@ -47,8 +47,7 @@
> li {
// Inline list for larger viewports.
@media (min-width: $navbar-breakpoint-min) {
@include media-breakpoint-up(md) {
display: inline-block;
a {
@ -76,7 +75,7 @@
}
// Only for small viewports.
@media (max-width: $navbar-breakpoint-min) {
@include media-breakpoint-down(md) {
margin: 1em 0;
@ -99,7 +98,8 @@
}
// Always show menu for larger viewport.
@media (min-width: $navbar-breakpoint-min) {
@include media-breakpoint-up(md) {
&-menu.collapse {
display: block;
}