move from .gutters-sm to .form-row to be super explicit about intended use case

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 4b04c7d225804ba7023da7ac4796361adf687231..89766563cd6b7d04d5f822eb1c93b79ba01daf05 100644 (file)
--- 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 (file)
--- 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