diff options
| -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 |