]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Make cell block containers responsive as well
authorKevin Ball <kmball11@gmail.com>
Fri, 9 Jun 2017 17:14:33 +0000 (10:14 -0700)
committerKevin Ball <kmball11@gmail.com>
Fri, 9 Jun 2017 17:14:37 +0000 (10:14 -0700)
scss/xy-grid/_classes.scss
test/visual/xy-grid/frame-grid.html

index a0003e50f1eab13f4fe4994a209af8abbb41eeb5..5b6e4ebedff0ea519836910918b4b596b23b257d 100644 (file)
     @include xy-cell-block();
   }
 
+  .cell-block-y {
+    @include xy-cell-block(true);
+  }
+
 
   .cell-block-container {
     @include xy-cell-block-container();
       @include xy-cell-block();
     }
 
+    .#{$-zf-size}-cell-block-container {
+      @include xy-cell-block-container();
+    }
+
     .#{$-zf-size}-cell-block-y {
       @include xy-cell-block(true);
     }
 
   @if $vertical-grid {
 
-    .cell-block-y {
-      @include xy-cell-block(true);
-    }
-
     .grid-y {
       &.grid-frame {
         width: auto;
index 6daef1684e6c74e80b950a8301740a37c082a122..4a88961313b540d8ca7556da80354ee21b569daa 100644 (file)
@@ -21,7 +21,7 @@
   </head>
   <body>
     <div class="grid-y medium-grid-frame">
-      <div class="cell shrink header cell-block-container">
+      <div class="cell shrink header medium-cell-block-container">
         <h1>Grid Frame Header</h1>
         <div class="grid-x grid-padding-x">
           <div class="cell medium-4">
@@ -35,7 +35,7 @@
           </div>
         </div>
       </div>
-      <div class="cell auto cell-block-container">
+      <div class="cell auto medium-cell-block-container">
         <div class="grid-x grid-padding-x">
           <div class="cell medium-4 medium-cell-block-y">
             <h2>Independent scrolling sidebar</h2>