diff options
| author | Mark Otto <[email protected]> | 2017-06-13 22:11:29 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-06-13 22:11:29 -0700 |
| commit | 7e5085b4074ee80fe6b78e56aa0b668e5597b0a8 (patch) | |
| tree | 9c544926eec1d53e7ade02ffe9a48c9dbfa7dd33 | |
| parent | 21b874d19dfee091ee64dd4db934850516d2d7b0 (diff) | |
| download | bootstrap-7e5085b4074ee80fe6b78e56aa0b668e5597b0a8.tar.xz bootstrap-7e5085b4074ee80fe6b78e56aa0b668e5597b0a8.zip | |
move from .gutters-sm to .form-row to be super explicit about intended use case
| -rw-r--r-- | scss/_forms.scss | 18 | ||||
| -rw-r--r-- | scss/_grid.scss | 12 |
2 files changed, 18 insertions, 12 deletions
diff --git a/scss/_forms.scss b/scss/_forms.scss index 4b04c7d22..89766563c 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -193,6 +193,24 @@ select.form-control-lg { } +// Form grid +// +// Special replacement for our grid system's `.row` for tighter form layouts. + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; + + > .col, + > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; + } +} + + // Checkboxes and radios // // Indent the labels to position radios/checkboxes as hanging controls. diff --git a/scss/_grid.scss b/scss/_grid.scss index e15a9430f..9ab9ae02b 100644 --- a/scss/_grid.scss +++ b/scss/_grid.scss @@ -42,18 +42,6 @@ padding-left: 0; } } - - // Optionally tighten the gutters between columns - .gutters-sm { - margin-right: -5px; - margin-left: -5px; - - > .col, - > [class*="col-"] { - padding-right: 5px; - padding-left: 5px; - } - } } // Columns |