
| Current Path : /var/www/html/wirtschaftsclub.web-klick.de/themes/wirtschaftsclub/sass/component/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/wirtschaftsclub.web-klick.de/themes/wirtschaftsclub/sass/component/_navbar.scss |
/**
* Navbar styling.
*/
$mobile: "screen and (max-width: #{$screen-xs-max})";
$tablet: "screen and (min-width: #{$screen-sm-min})";
$normal: "screen and (min-width: #{$screen-md-min})";
$wide: "screen and (min-width: #{$screen-lg-min})";
body {
// Fix horizontal scrolling on iOS devices.
// http://drupal.org/node/1870076
position: relative;
&.navbar-is-static-top {
margin-top: 0;
}
&.navbar-is-fixed-top {
margin-top: ($navbar-height + ($grid-gutter-width / 2));
}
&.navbar-is-fixed-bottom {
padding-bottom: ($navbar-height + ($grid-gutter-width / 2));
}
@media #{$tablet} {
margin-top: ($grid-gutter-width / 2);
}
@media #{$mobile} {
&.toolbar-vertical {
&.navbar-is-fixed-top,
&.navbar-is-fixed-bottom {
.toolbar-bar {
position: fixed;
}
header {
z-index: 500;
}
}
// Default toolbar fixed height value.
// @see core/modules/toolbar/css/toolbar.icons.theme.css@261
&.navbar-is-fixed-top header {
top: 39px;
}
}
}
}
.navbar.container {
@media #{$tablet} {
max-width: (($container-sm - $grid-gutter-width));
}
@media #{$normal} {
max-width: (($container-md - $grid-gutter-width));
}
@media #{$wide} {
max-width: (($container-lg - $grid-gutter-width));
}
}