Make generating form row styles dependent on $enable-grid-classes (#28870)

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 1d8a547d3d8c544ff7f9b27a4150c07258c749a5..0bc66587e9eae8443ea5f968c9445a5903e2759a 100644 (file)
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -181,16 +181,18 @@ textarea.form-control {
 //
 // Special replacement for our grid system's `.row` for tighter form layouts.
 
-.form-row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -$form-grid-gutter-width / 2;
-  margin-left: -$form-grid-gutter-width / 2;
-
-  > .col,
-  > [class*="col-"] {
-    padding-right: $form-grid-gutter-width / 2;
-    padding-left: $form-grid-gutter-width / 2;
+@if $enable-grid-classes {
+  .form-row {
+    display: flex;
+    flex-wrap: wrap;
+    margin-right: -$form-grid-gutter-width / 2;
+    margin-left: -$form-grid-gutter-width / 2;
+
+    > .col,
+    > [class*="col-"] {
+      padding-right: $form-grid-gutter-width / 2;
+      padding-left: $form-grid-gutter-width / 2;
+    }
   }
 }