adds test for radoius container

diff --git a/test/visual/pages/attributes.html b/test/visual/pages/attributes.html
new file mode 100644 (file)
index 0000000..f0c8a20
--- /dev/null
+++ b/test/visual/pages/attributes.html
@@ -0,0 +1,24 @@
+<container>
+  
+  <spacer size="32"></spacer>
+
+  <row dir="rtl">
+    <columns large="4" valign="middle">
+      <img class="small-float-center" src="http://placehold.it/300x200/345" alt="">
+    </columns>
+    <columns large="8">
+      <h4>HEADLINE</h4>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta aliquam dolor error nisi, dolorum rem voluptatem placeat temporibus eveniet vel distinctio!</p>
+    </columns>
+  </row>
+
+  <row>
+    <columns large="8">
+      <h4>HEADLINE</h4>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta aliquam dolor error nisi, dolorum rem voluptatem placeat temporibus eveniet vel distinctio!</p>
+    </columns>
+    <columns large="4" valign="middle">
+      <img class="small-float-center" src="http://placehold.it/300x200/621" alt="">
+    </columns>
+  </row>  
+</container>

diff --git a/test/visual/pages/container-radius.html b/test/visual/pages/container-radius.html
new file mode 100644 (file)
index 0000000..39a3ef2
--- /dev/null
+++ b/test/visual/pages/container-radius.html
@@ -0,0 +1,24 @@
+<spacer size="100"></spacer>
+
+<container class="radius" style="border-radius: 50px; border: 1px solid salmon; border-collapse: separate;">
+
+  <spacer size="100"></spacer>
+
+  <row>
+    <columns small="12" large="12">
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?</p>
+    </columns>
+  </row>
+
+  <spacer size="100"></spacer>
+
+</container>
+

diff --git a/test/visual/pages/layout-break-center.html b/test/visual/pages/layout-break-center.html
new file mode 100644 (file)
index 0000000..01db596
--- /dev/null
+++ b/test/visual/pages/layout-break-center.html
@@ -0,0 +1,52 @@
+<container>
+ 
+
+<!-- 2 columns CTA / non collapsable / no gutter -->
+<row class="collapse">
+  <columns>
+    <wrapper class="product-listing" >
+      <row class="no-padding-b">
+        <columns small="6" large="6">
+          <a href="http://google.com" title="" target="_blank">
+            <img class="small-float-center" src="http://placehold.it/580x600" width="290" height="300" alt="">
+          </a>
+          <p class="text-center"><span class="name text-center">Name of Product</span></p>
+
+          <p class="pre-price text-center" style="text-decoration:line-through;">$9.99</p>
+          <p class="price text-center">
+        $25.99
+      </p>
+
+      <center>
+        <button href="http://tacticalgear.com" class="small">button</button>
+      </center>
+    </columns>
+    <columns small="6" large="6">
+      <a href="http://google.com" title="" target="_blank">
+        <img class="small-float-center" src="http://placehold.it/580x600" width="290" height="300" alt="">
+      </a>
+      <p class="text-center">
+      <span class="name text-center">
+        Name of Product
+      </span>
+      </p>
+
+      <p class="pre-price text-center" style="text-decoration:line-through;">
+      $9.99
+      </p>
+      <p class="price text-center">
+      $25.99
+      </p>
+
+    <center>
+      <button href="http://google.com" class="small">button</button>
+    </center>
+
+  </columns>
+</row>
+</wrapper>
+</columns>
+</row>
+
+
+</container>
\ No newline at end of file

diff --git a/test/visual/pages/type.html b/test/visual/pages/type.html
new file mode 100644 (file)
index 0000000..351406f
--- /dev/null
+++ b/test/visual/pages/type.html
@@ -0,0 +1,12 @@
+<container>
+  <row>
+    <columns small="12" large="12">
+      
+    </columns>
+  </row>
+  <row>
+    <columns small="12" large="6" class="offset-large-6">
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, sapiente asperiores sit quia accusantium distinctio dolorum officiis libero, quo. Non, officiis, id! Ab cupiditate natus fugit dolorem velit eveniet similique. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ipsa beatae impedit dicta vero quis quibusdam similique optio expedita asperiores consectetur, obcaecati soluta deleniti facere aliquid fugiat nihil temporibus sed.</p>
+    </columns>
+  </row>
+</container>
\ No newline at end of file