diff options
| author | Matt Rude <[email protected]> | 2018-02-03 21:08:46 -0600 |
|---|---|---|
| committer | Matt Rude <[email protected]> | 2018-02-03 21:08:46 -0600 |
| commit | c5c60729062cc3d89be7447b5d330367417aa6f7 (patch) | |
| tree | 74330b48908247623f48b01420d833c7feb3fab7 /assets/node_modules/bootstrap/scss/mixins/_grid.scss | |
| parent | 0c0cde3923440b2d293549c7e430a38082cc0457 (diff) | |
| download | xmpp-site-lite-c5c60729062cc3d89be7447b5d330367417aa6f7.tar.gz xmpp-site-lite-c5c60729062cc3d89be7447b5d330367417aa6f7.tar.bz2 xmpp-site-lite-c5c60729062cc3d89be7447b5d330367417aa6f7.zip | |
Update
Diffstat (limited to 'assets/node_modules/bootstrap/scss/mixins/_grid.scss')
| -rw-r--r-- | assets/node_modules/bootstrap/scss/mixins/_grid.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/assets/node_modules/bootstrap/scss/mixins/_grid.scss b/assets/node_modules/bootstrap/scss/mixins/_grid.scss new file mode 100644 index 0000000..b75ebcb --- /dev/null +++ b/assets/node_modules/bootstrap/scss/mixins/_grid.scss @@ -0,0 +1,52 @@ +/// Grid system +// +// Generate semantic grid columns with these mixins. + +@mixin make-container() { + width: 100%; + padding-right: ($grid-gutter-width / 2); + padding-left: ($grid-gutter-width / 2); + margin-right: auto; + margin-left: auto; +} + + +// For each breakpoint, define the maximum width of the container in a media query +@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { + @each $breakpoint, $container-max-width in $max-widths { + @include media-breakpoint-up($breakpoint, $breakpoints) { + max-width: $container-max-width; + } + } +} + +@mixin make-row() { + display: flex; + flex-wrap: wrap; + margin-right: ($grid-gutter-width / -2); + margin-left: ($grid-gutter-width / -2); +} + +@mixin make-col-ready() { + position: relative; + // Prevent columns from becoming too narrow when at smaller grid tiers by + // always setting `width: 100%;`. This works because we use `flex` values + // later on to override this initial width. + width: 100%; + min-height: 1px; // Prevent collapsing + padding-right: ($grid-gutter-width / 2); + padding-left: ($grid-gutter-width / 2); +} + +@mixin make-col($size, $columns: $grid-columns) { + flex: 0 0 percentage($size / $columns); + // Add a `max-width` to ensure content within each column does not blow out + // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari + // do not appear to require this. + max-width: percentage($size / $columns); +} + +@mixin make-col-offset($size, $columns: $grid-columns) { + $num: $size / $columns; + margin-left: if($num == 0, 0, percentage($num)); +} |