Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/menu.scss
Show All 33 Lines | .nav-link { | ||||
font-weight: bold; | font-weight: bold; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
#footer-menu { | #footer-menu { | ||||
color: $menu-footer-color; | color: $menu-footer-color; | ||||
background-color: $menu-footer-bg-color; | background-color: $menu-footer-bg-color; | ||||
height: 100px; | |||||
overflow: hidden; | overflow: hidden; | ||||
padding: 0; | padding: 0; | ||||
.container { | .container { | ||||
flex-wrap: nowrap; | flex-wrap: nowrap; | ||||
} | } | ||||
.navbar-nav { | .navbar-nav { | ||||
▲ Show 20 Lines • Show All 72 Lines • ▼ Show 20 Lines | @include media-breakpoint-down(lg) { | ||||
#language-selector { | #language-selector { | ||||
margin: 0; | margin: 0; | ||||
} | } | ||||
} | } | ||||
@include media-breakpoint-down(md) { | @include media-breakpoint-down(md) { | ||||
#footer-menu { | #footer-menu { | ||||
height: 80px; | |||||
.navbar-nav { | .navbar-nav { | ||||
display: none; | flex-direction: column; | ||||
} | } | ||||
.container { | .container { | ||||
flex-wrap: nowrap; | flex-wrap: nowrap; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
@include media-breakpoint-down(sm) { | @include media-breakpoint-down(sm) { | ||||
#header-menu { | #header-menu { | ||||
padding: 0 1em; | padding: 0 1em; | ||||
} | } | ||||
#footer-menu { | #footer-menu { | ||||
.container { | .container { | ||||
flex-direction: column; | flex-direction: column; | ||||
} | } | ||||
.navbar-brand { | .navbar-brand { | ||||
padding: 0.5rem; | padding: 0.5rem; | ||||
} | } | ||||
#footer-company { | #footer-company { | ||||
display: none; | overflow-wrap: anywhere; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
@media (max-width: 340px) { | @media (max-width: 340px) { | ||||
#header-menu { | #header-menu { | ||||
.navbar-brand img { | .navbar-brand img { | ||||
width: 160px; | width: 160px; | ||||
} | } | ||||
} | } | ||||
} | } |