Add css for nested variation of frame

diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss
index 0d038110b665e007eaf4e35437c3e620238d9e49..a29d2b2fa422f0ded4f6062f88768ab442983094 100644 (file)
--- a/scss/xy-grid/_classes.scss
+++ b/scss/xy-grid/_classes.scss
@@ -305,6 +305,10 @@
     @include xy-grid-frame;
   }
 
+  .cell .grid-frame {
+    width: 100%; // Same as include with $nested, but with less css
+  }
+
   .cell-block {
     @include xy-cell-block();
   }
@@ -325,6 +329,10 @@
       @include xy-grid-frame;
     }
 
+    .cell .#{$-zf-size}-grid-frame {
+      width: 100%; // Same as include with $nested, but with less css
+    }
+
     .#{$-zf-size}-cell-block {
       @include xy-cell-block();
     }
@@ -354,8 +362,17 @@
 
       }
     }
+    .cell {
+      .grid-y.grid-frame {
+        height: 100%; // Same as include with $nested, but with less css
+      }
+      @include -zf-each-breakpoint(false) {
+        .grid-y.#{$-zf-size}-grid-frame {
+          height: 100%; // Same as include with $nested, but with less css
+        }
+      }
+    }
   }
-
 }
 
 // Final classes