Make predefined grid classes conditional

- Add explicit -grid-classes variable and set to true by default
- Wrap .row and .col generation in the boolean var

diff --git a/scss/_grid.scss b/scss/_grid.scss
index b71d5b03df203936a9f4a4a5b6581e6c0f8461a7..c0988f732b34d4d7232acf72bcaa37bc82d2ec94 100644 (file)
--- a/scss/_grid.scss
+++ b/scss/_grid.scss
@@ -28,8 +28,10 @@
 //
 // Rows contain and clear the floats of your columns.
 
-.row {
-  @include make-row();
+@if $enable-grid-classes {
+  .row {
+    @include make-row();
+  }
 }
 
 
@@ -37,14 +39,16 @@
 //
 // Common styles for small and large grid columns
 
-@include make-grid-columns();
+@if $enable-grid-classes {
+  @include make-grid-columns();
+}
 
 
 // Flex variation
 //
 // Custom styles for additional flex alignment options.
 
-@if $enable-flex {
+@if $enable-flex and $enable-grid-classes {
 
   // Flex column reordering
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 3b31dbdaf4d67585a5f64a02bd125f2477130eea..8e7614bcf086e3d76db126bccd85e3881f72885b 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -49,6 +49,7 @@ $enable-shadows:            false !default;
 $enable-gradients:          false !default;
 $enable-transitions:        false !default;
 $enable-hover-media-query:  false !default;
+$enable-grid-classes:       true !default;
 
 
 // Spacing