diff options
| author | Mark Otto <[email protected]> | 2017-06-29 21:27:27 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-06-30 09:01:39 -0700 |
| commit | b013b987b0b770434b3bc1ec61a7b9971a73aedb (patch) | |
| tree | bc5735c487244dc2f980be38837bd18919cf5ab4 /docs | |
| parent | e51749e4a76148cac3c204fc24d14994c45a284e (diff) | |
| download | bootstrap-b013b987b0b770434b3bc1ec61a7b9971a73aedb.tar.xz bootstrap-b013b987b0b770434b3bc1ec61a7b9971a73aedb.zip | |
remove grid gutter sass map as it's output css was all jacked up
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/layout/grid.md | 25 |
1 files changed, 5 insertions, 20 deletions
diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md index 7e256f235..64eec3689 100644 --- a/docs/4.0/layout/grid.md +++ b/docs/4.0/layout/grid.md @@ -605,15 +605,7 @@ Variables and maps determine the number of columns, the gutter width, and the me {% highlight scss %} $grid-columns: 12; -$grid-gutter-width-base: 30px; - -$grid-gutter-widths: ( - xs: $grid-gutter-width-base, // 30px - sm: $grid-gutter-width-base, // 30px - md: $grid-gutter-width-base, // 30px - lg: $grid-gutter-width-base, // 30px - xl: $grid-gutter-width-base // 30px -) +$grid-gutter-width: 30px; $grid-breakpoints: ( // Extra small screen / phone @@ -642,10 +634,10 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS {% highlight scss %} // Creates a wrapper for a series of columns -@include make-row($gutters: $grid-gutter-widths); +@include make-row(); // Make the element grid-ready (applying everything but the width) -@include make-col-ready($gutters: $grid-gutter-widths); +@include make-col-ready(); @include make-col($size, $columns: $grid-columns); // Get fancy by offsetting, or changing the sort order @@ -706,18 +698,11 @@ Using our built-in grid Sass variables and maps, it's possible to completely cus ### Columns and gutters -The number of grid columns and their horizontal padding (aka, gutters) can be modified via Sass variables. `$grid-columns` is used to generate the widths (in percent) of each individual column while `$grid-gutter-widths` allows breakpoint-specific widths that are divided evenly across `padding-left` and `padding-right` for the column gutters. +The number of grid columns can be modified via Sass variables. `$grid-columns` is used to generate the widths (in percent) of each individual column while `$grid-gutter-width` allows breakpoint-specific widths that are divided evenly across `padding-left` and `padding-right` for the column gutters. {% highlight scss %} $grid-columns: 12 !default; -$grid-gutter-width-base: 30px !default; -$grid-gutter-widths: ( - xs: $grid-gutter-width-base, - sm: $grid-gutter-width-base, - md: $grid-gutter-width-base, - lg: $grid-gutter-width-base, - xl: $grid-gutter-width-base -) !default; +$grid-gutter-width: 30px !default; {% endhighlight %} ### Grid tiers |
