adds radius container class

Author: RafiBomb

scss/grid/_grid.scss

@@ -14,6 +14,10 @@ $grid-column-count: 12 !default;
 /// @type Number
 $column-padding-bottom: $global-padding !default;
 
+/// Default border radius for the container.
+/// @type Number
+$container-radius: 50px !default;
+
 //For viewing email in browser
 @media only screen {
   html {
@@ -160,3 +164,9 @@ th.expander {
   width: 0;
   padding: 0 !important;
 }
+
+// adds radius to container
+table.container.radius {
+  border-radius: $container-radius;
+  border-collapse: separate;
+}

test/visual/pages/alignment.html

@@ -33,7 +33,7 @@ <h4 class="text-left">Left Text</h4>
         <img src="http://placehold.it/200?text=center" alt="">
       </center>
       <br/>
-      <p>Center on all clients except Outlook 20017, 10, 13</p>
+      <p>Center on all clients except Outlook 2007, 10, 13</p>
       <img class="float-center" src="http://placehold.it/200?text=center" alt="">
       <img class="float-right" src="http://placehold.it/200?text=right" alt="">
       <img class="float-left" src="http://placehold.it/200?text=left" alt="">
@@ -120,4 +120,6 @@ <h3 class="small-text-center">Presentations<span>8</span></h3>
     </columns>
   </row>
 
+  <button class="success" href="https://litmus.com/checklist/emails/public/120ca5f">Passing Tests</button>
+
 </container>

test/visual/pages/basic.html

@@ -2,6 +2,7 @@
   .block-grid p {
     background: dodgerblue;
     text-align: center !important;
+    color: white !important;
   }
 </style>
 

test/visual/pages/block-inky.html

@@ -4,7 +4,7 @@
   }
 </style>
 <container>
-<a href="https://litmus.com/checklist/emails/public/52b6fb8">Test Results - Passing 6/8/1016</a>
+<a href="https://litmus.com/checklist/emails/public/52b6fb8">Test Results - Passing 6/28/2016</a>
   <row>
     <columns small="12" large="12">
       <center>
@@ -76,6 +76,7 @@
   </row>
   <row>
     <columns small="12" large="12">
+    Radius and round edges except Outlook 2007, 10, 13
       <button href="http://zurb.com" class="radius">I have a radius</button>
     </columns>
   </row>