58 lines
1.6 KiB
SCSS
58 lines
1.6 KiB
SCSS
@use "sass:map";
|
|
@use "@twig/scss/_global" as global;
|
|
@use "@twig/scss/variables/_variables-components" as components;
|
|
|
|
$params: (
|
|
"background": global.$body-bg,
|
|
"padding": 0 20px,
|
|
"border-bottom": global.$border-width solid global.$border-color,
|
|
"color": global.$text-dark,
|
|
"height": 60px,
|
|
"font-size": global.$font-size-larger,
|
|
|
|
"button-width": auto,
|
|
"button-height": auto,
|
|
"button-style": "none",
|
|
|
|
"svg-font-size": global.$font-size-larger,
|
|
);
|
|
|
|
@if global-variable-exists(responsive-menu-header, components) {
|
|
$keys: map.keys(components.$responsive-menu-header);
|
|
@each $name in $keys {
|
|
@if not map.get($params, $name) {
|
|
@warn "Neexistující proměnná '#{$name}' v komponentě 'responsive-menu-header'.";
|
|
}
|
|
}
|
|
|
|
$params: map.merge($params, components.$responsive-menu-header);
|
|
}
|
|
|
|
.sections-responsive-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background: map.get($params, "background");
|
|
border-bottom: map.get($params, "border-bottom");
|
|
height: map.get($params, "height");
|
|
padding: map.get($params, "padding");
|
|
|
|
button {
|
|
@include global.btn-reset;
|
|
@include global.set-btn-style(map.get($params, "button-style"));
|
|
|
|
width: map.get($params, "button-width");
|
|
height: map.get($params, "button-height");
|
|
font-size: map.get($params, "font-size");
|
|
color: map.get($params, "color");
|
|
|
|
@if (map.get($params, "button-style") == "none") {
|
|
padding: 0;
|
|
}
|
|
|
|
svg {
|
|
font-size: map.get($params, "svg-font-size");
|
|
}
|
|
}
|
|
}
|