From: RafiBomb <rafi@zurb.com>
Date: Tue, 22 Mar 2016 22:05:33 +0000 (-0700)
Subject: fixes callout bottom margin
X-Git-Tag: v2.0.0~11
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0131069479e39cfbd49d69807a2b3225fbaf5b0a;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

fixes callout bottom margin
---

diff --git a/package.json b/package.json
index 20eb1795..a9fcd437 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "gulp-sourcemaps": "^1.6.0",
     "gulp-wrap": "^0.11.0",
     "gulp-zip": "^3.2.0",
-    "inky": "^1.2.6",
+    "inky": "^1.3.1",
     "lazypipe": "^1.0.1",
     "motion-ui": "^1.1.1",
     "multiline": "^1.0.2",
diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index 7eca1d58..cd667fb5 100644
--- a/scss/components/_callout.scss
+++ b/scss/components/_callout.scss
@@ -42,13 +42,16 @@ $callout-border-warning: 1px solid darken($warning-color, 20%) !default;
 /// @type Border
 $callout-border-alert: 1px solid darken($alert-color, 20%) !default;
 
+table.callout {
+  margin-bottom: $callout-margin-bottom;
+  Margin-bottom: $callout-margin-bottom;
+}
+
 th.callout {
   width: 100%;
   border: $callout-border;
   padding: $callout-padding;
   background: $callout-background;
-  margin-bottom: $callout-margin-bottom;
-  Margin-bottom: $callout-margin-bottom;
 
   &.primary {
     background: scale-color($primary-color, $lightness: $callout-background-fade);
diff --git a/test/visual/pages/callout-in-grid.html b/test/visual/pages/callout-in-grid.html
index c74aaa2e..fac2151a 100644
--- a/test/visual/pages/callout-in-grid.html
+++ b/test/visual/pages/callout-in-grid.html
@@ -11,6 +11,26 @@
           </columns>
         </row>
       </callout>
+      <callout class="secondary">
+        <row>
+          <columns>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque necessitatibus perferendis doloremque quod quam nisi, unde ipsum qui, nesciunt reiciendis adipisci. Ratione nemo adipisci aspernatur quaerat tempore omnis delectus ipsam!</p>
+          </columns>
+          <columns>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, doloremque explicabo aperiam vitae autem dolorum id placeat cumque praesentium qui, similique rerum error quibusdam sed officia eligendi obcaecati illum. Quo!</p>
+          </columns>
+        </row>
+      </callout>
+      <callout class="secondary">
+        <row>
+          <columns>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque necessitatibus perferendis doloremque quod quam nisi, unde ipsum qui, nesciunt reiciendis adipisci. Ratione nemo adipisci aspernatur quaerat tempore omnis delectus ipsam!</p>
+          </columns>
+          <columns>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, doloremque explicabo aperiam vitae autem dolorum id placeat cumque praesentium qui, similique rerum error quibusdam sed officia eligendi obcaecati illum. Quo!</p>
+          </columns>
+        </row>
+      </callout>
     </columns>
   </row>