diff --git a/scss/_forms.scss b/scss/_forms.scss index 4b04c7d225804ba7023da7ac4796361adf687231..89766563cd6b7d04d5f822eb1c93b79ba01daf05 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 e15a9430fdc7eabc04661200654685d30ee80933..9ab9ae02b6e97c33b3b89c9a7e38888461ce5a20 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