You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
// Container widths
//
// Set the container width, and override it for fixed navbars in media queries.
@if $enable-grid-classes { // Single container class with breakpoint max-widths
.container, // 100% wide container at all breakpoints
.container-fluid { @include make-container(); }
// Responsive containers that are 100% wide until a breakpoint
@each $breakpoint, $container-max-width in $container-max-widths { .container-#{$breakpoint} { @extend .container-fluid; }
@include media-breakpoint-up($breakpoint, $grid-breakpoints) { %responsive-container-#{$breakpoint} { max-width: $container-max-width; }
// Extend each breakpoint which is smaller or equal to the current breakpoint
$extend-breakpoint: true;
@each $name, $width in $grid-breakpoints { @if ($extend-breakpoint) { .container#{breakpoint-infix($name, $grid-breakpoints)} { @extend %responsive-container-#{$breakpoint}; }
// Once the current breakpoint is reached, stop extending
@if ($breakpoint == $name) { $extend-breakpoint: false; } } } } } }
|