update wrapper to not be display block

diff --git a/scss/ink/components/_media-query.scss b/scss/ink/components/_media-query.scss
index d58a735224cedc17d08da07cba432348b1dec364..9c996ed10ce4c2f1977b9c7dd62383b79e438272 100755 (executable)
--- a/scss/ink/components/_media-query.scss
+++ b/scss/ink/components/_media-query.scss
@@ -37,7 +37,7 @@ $small-range: $container-width !default;
   }
 
   table[class="body"] .wrapper {
-    display: block !important;
+    // display: block !important;
     padding-right: 0 !important;
   }
 

diff --git a/test/pages/index.html b/test/pages/index.html
index b8520e7a27ee4c6133108f17a02ff62faffadcd3..14dfcc190c61179a9230190011cdb04e9e3f7c29 100644 (file)
--- a/test/pages/index.html
+++ b/test/pages/index.html
@@ -73,4 +73,4 @@
       </center>
     </columns>
   </row>
-</container>
\ No newline at end of file
+</container>

diff --git a/test/pages/side-bar.html b/test/pages/side-bar.html
new file mode 100644 (file)
index 0000000..2bf6423
--- /dev/null
+++ b/test/pages/side-bar.html
@@ -0,0 +1,45 @@
+<container>
+  <row>
+    <columns small="12" large="6">
+      <center>
+        <inky></inky>
+      </center>
+    </columns>
+  </row>
+</container>
+<container>
+  <row>
+    <columns small="6" large="6">
+      <h2>Hello,<br> Han Fastolfe</h2>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet.</p>
+      <br>
+
+      <p>Phasellus dictum sapien a neque luctus cursus. Pellentesque sem dolor, fringilla et pharetra vitae. <a href="#">Click it! »</a></p>
+      <br>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet.</p>
+      <button>I'm a Button</button>
+    </columns>
+
+    <columns small="6" large="6">
+      <h6>Header Thing</h6>
+      <p>Sub-head or something</p>
+
+      <a href="#">Just a Plain Link &raquo;</a>
+      <a href="#">Just a Plain Link &raquo;</a>
+      <a href="#">Just a Plain Link &raquo;</a>
+      <a href="#">Just a Plain Link &raquo;</a>
+      <a href="#">Just a Plain Link &raquo;</a>
+      <a href="#">Just a Plain Link &raquo;</a>
+      <a href="#">Just a Plain Link &raquo;</a>
+    </columns>
+  </row>
+  <row>
+    <columns small="12" large="12">
+      <center>
+      <p style="text-align:center;"><a href="#">Terms</a> | <a href="#">Privacy</a> | <a href="#">Unsubscribe</a></p>
+      </center>
+    </columns>
+  </row>
+</container>