diff options
author | Mario <mario@mariovavti.com> | 2019-12-12 14:51:10 +0000 |
---|---|---|
committer | Mario <mario@mariovavti.com> | 2019-12-12 14:51:10 +0000 |
commit | 544ef3bc588d4180d7ecad15bdacd43813a7c5c5 (patch) | |
tree | 62372d0af859287235f62f20d0cf55b5b5b1ace3 /vendor/twbs/bootstrap/scss/_grid.scss | |
parent | 124cc4396247c75c14280136cfaa95415860ad4c (diff) | |
download | volse-hubzilla-544ef3bc588d4180d7ecad15bdacd43813a7c5c5.tar.gz volse-hubzilla-544ef3bc588d4180d7ecad15bdacd43813a7c5c5.tar.bz2 volse-hubzilla-544ef3bc588d4180d7ecad15bdacd43813a7c5c5.zip |
update composer libs and minor notifications display fixes
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_grid.scss')
-rw-r--r-- | vendor/twbs/bootstrap/scss/_grid.scss | 33 |
1 files changed, 25 insertions, 8 deletions
diff --git a/vendor/twbs/bootstrap/scss/_grid.scss b/vendor/twbs/bootstrap/scss/_grid.scss index a22751537..d36ee75d8 100644 --- a/vendor/twbs/bootstrap/scss/_grid.scss +++ b/vendor/twbs/bootstrap/scss/_grid.scss @@ -3,26 +3,43 @@ // 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 { @include make-container(); @include make-container-max-widths(); } -} - -// Fluid container -// -// Utilizes the mixin meant for fixed width containers, but with 100% width for -// fluid, full width layouts. -@if $enable-grid-classes { + // 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; + } + + @each $name, $width in $grid-breakpoints { + @if ($container-max-width > $width or $breakpoint == $name) { + .container#{breakpoint-infix($name, $grid-breakpoints)} { + @extend %responsive-container-#{$breakpoint}; + } + } + } + } + } } + // Row // -// Rows contain and clear the floats of your columns. +// Rows contain your columns. @if $enable-grid-classes { .row { |