Only include base styles some of the time in frame

diff --git a/scss/xy-grid/_frame.scss b/scss/xy-grid/_frame.scss
index edcd1572713e113b0e7f54f1fcde7802d0483aa4..e6fc651146319e619ab14d193d066b049e431cd6 100644 (file)
--- a/scss/xy-grid/_frame.scss
+++ b/scss/xy-grid/_frame.scss
@@ -6,12 +6,20 @@
   $vertical: false,
   $nested: false,
   $gutters: null,
-  $breakpoint: null
+  $breakpoint: null,
+  $include-base-styles: true,
 ) {
 
+  @if $include-base-styles {
+    overflow: hidden;
+    position: relative;
+    flex-wrap: nowrap;
+    align-items: stretch;
+  }
+
   @if $breakpoint == null and type-of($gutters) == 'map' {
     @include -zf-each-breakpoint() {
-      @include xy-grid-frame($vertical, $nested, $gutters, $-zf-size);
+      @include xy-grid-frame($vertical, $nested, $gutters, $-zf-size, false);
     }
   } @else {
     // Get our gutters if applicable
@@ -36,11 +44,6 @@
         width: if($nested == true, 100%, 100vw);
       }
     }
-
-    overflow: hidden;
-    position: relative;
-    flex-wrap: nowrap;
-    align-items: stretch;
   }
 }