From 7e5085b4074ee80fe6b78e56aa0b668e5597b0a8 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Tue, 13 Jun 2017 22:11:29 -0700
Subject: [PATCH] move from .gutters-sm to .form-row to be super explicit about
 intended use case

---
 scss/_forms.scss | 18 ++++++++++++++++++
 scss/_grid.scss  | 12 ------------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 4b04c7d225..89766563cd 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 e15a9430fd..9ab9ae02b6 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
-- 
2.47.2