Fix incorrect flex grid output.

The output should of been `.row .column.row.row, .row .row.row.columns`

diff --git a/scss/grid/_flex-grid.scss b/scss/grid/_flex-grid.scss
index df9a49703ced60fe46b362beeb3f34dd4feeb3ac..702e7721ff7c143ef363ea24d597a29fa15fcace 100644 (file)
--- a/scss/grid/_flex-grid.scss
+++ b/scss/grid/_flex-grid.scss
@@ -186,17 +186,17 @@
 
   // Column row
   // The double .row class is needed to bump up the specificity
-  & .column.row.row {
+  .column.row.row {
     float: none;
     display: block;
+  }
 
-    // To properly nest a column row, padding and margin is removed
-    & .row {
-      padding-left: 0;
-      padding-right: 0;
-      margin-left: 0;
-      margin-right: 0;
-    }
+  // To properly nest a column row, padding and margin is removed
+  .row .column.row.row {
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
   }
 
   @include -zf-each-breakpoint {
@@ -239,7 +239,7 @@
 
       // Auto-stacking/unstacking
       @at-root (without: media) {
-        & .row.#{$-zf-size}-unstack {
+        .row.#{$-zf-size}-unstack {
           > .column {
             flex: flex-grid-column(100%);
 
@@ -281,4 +281,4 @@
     // scss-lint:disable PlaceholderInExtend
     @extend .column;
   }
-}
+}
\ No newline at end of file