]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Add a horizontal cell block testcase
authorKevin Ball <kmball11@gmail.com>
Wed, 31 May 2017 04:04:03 +0000 (21:04 -0700)
committerKevin Ball <kmball11@gmail.com>
Wed, 31 May 2017 04:04:03 +0000 (21:04 -0700)
test/visual/zf-grid/frame-grid.html

index a7218d461f0c8ad7dfe4458ba4b5a66e9b89638b..b4834af1f433dce3dd710b7be0ac6ff5c2831fb8 100644 (file)
     <div class="grid grid-vertical medium-grid-frame">
       <div class="cell shrink header">
         <h1>Grid Frame Header</h1>
+        <div class="grid padding-gutters">
+          <div class="cell medium-4">
+            A medium 4 cell
+          </div>
+          <div class="cell medium-4 medium-cell-block">
+            <p style="width:100vw;">A medium 4 cell block... on medium this content should overflow and let you horizontally scroll across... one might use this for an array of options</p>
+          </div>
+          <div class="cell medium-4">
+            A medium 4 cell
+          </div>
+        </div>
       </div>
       <div class="cell auto grid margin-gutters">
         <div class="cell medium-4 medium-cell-block-vertical">