4 $mobile: "screen and (max-width: #{$screen-xs-max})";
5 $tablet: "screen and (min-width: #{$screen-sm-min})";
6 $normal: "screen and (min-width: #{$screen-md-min})";
7 $wide: "screen and (min-width: #{$screen-lg-min})";
8 $grid-breakpoint: "screen and (min-width: #{$grid-float-breakpoint})";
11 // Fix horizontal scrolling on iOS devices.
12 // http://drupal.org/node/1870076
15 &.navbar-is-static-top {
18 &.navbar-is-fixed-top {
19 margin-top: ($navbar-height + ($grid-gutter-width / 2));
21 &.navbar-is-fixed-bottom {
22 padding-bottom: ($navbar-height + ($grid-gutter-width / 2));
26 margin-top: ($grid-gutter-width / 2);
30 &.navbar-is-fixed-top,
31 &.navbar-is-fixed-bottom {
39 // Default toolbar fixed height value.
40 // @see core/modules/toolbar/css/toolbar.icons.theme.css@261
41 &.navbar-is-fixed-top header {
49 max-width: (($container-sm - $grid-gutter-width));
52 max-width: (($container-md - $grid-gutter-width));
55 max-width: (($container-lg - $grid-gutter-width));
61 margin-right: -($grid-gutter-width / 2);
62 padding-left: ($grid-gutter-width / 2);
63 padding-right: ($grid-gutter-width / 2);
64 @media #{$grid-breakpoint} {