Fix auto/shrink responsiveness on padding grid

diff --git a/scss/zf-grid/_classes.scss b/scss/zf-grid/_classes.scss
index 6a338c18c3c4b8f003ea4cca5f5474fdecb16cc6..8b7b781119fe7aa9042e11e5942366d59f9a281c 100644 (file)
--- a/scss/zf-grid/_classes.scss
+++ b/scss/zf-grid/_classes.scss
@@ -18,27 +18,29 @@
   .grid {
     @include zf-grid;
   }
-  
+
   // Base cell styles
   .cell {
     @include zf-cell($gutter-output: false, $gutter-type: padding);
   }
 
-  // Auto width
-  @include -zf-each-breakpoint() {
-    > .#{$-zf-size}-auto {
-      @include zf-cell(auto, false, $gutter-type: padding);
+  .grid {
+    // Auto width
+    @include -zf-each-breakpoint() {
+      > .#{$-zf-size}-auto {
+        @include zf-cell(auto, false, $gutter-type: padding);
+      }
     }
-  }
 
-  // Shrink
-  @include -zf-each-breakpoint() {
-    > .#{$-zf-size}-shrink {
-      @include zf-cell(shrink, false, $gutter-type: padding);
+    // Shrink
+    @include -zf-each-breakpoint() {
+      > .#{$-zf-size}-shrink {
+        @include zf-cell(shrink, false, $gutter-type: padding);
+      }
     }
   }
 
-  // Sizing classes
+    // Sizing classes
   @include -zf-each-breakpoint {
     @for $i from 1 through $grid-columns {
       // Sizing (percentage)