From: Mark Otto <markdotto@gmail.com>
Date: Wed, 14 Jun 2017 05:11:29 +0000 (-0700)
Subject: move from .gutters-sm to .form-row to be super explicit about intended use case
X-Git-Tag: v4.0.0-beta~147^2~7
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=7e5085b4074ee80fe6b78e56aa0b668e5597b0a8;p=thirdparty%2Fbootstrap.git

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