From: Geoff Kimball <geoff@zurb.com>
Date: Fri, 4 Mar 2016 22:56:41 +0000 (-0800)
Subject: Update callout CSS to place the main class on the table
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fheads%2Fnew-callout;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Update callout CSS to place the main class on the table
---

diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index 17e1c8cf..f28d935a 100644
--- a/scss/components/_callout.scss
+++ b/scss/components/_callout.scss
@@ -30,27 +30,31 @@ $callout-border-warning: 1px solid darken($warning-color, 20%) !default;
 /// @type Border
 $callout-border-alert: 1px solid darken darken($alert-color, 20%) !default;
 
-td.callout {
+table.callout {
+  width: 100%;
+}
+
+.callout td {
   width: 100%;
   border: $callout-border;
   padding: $callout-padding !important;
   background: $callout-background;
+}
+
+.callout.success td {
+  background: $success-color !important;
+  border: $callout-border-success !important;
+  color: $white !important;
+}
+
+.callout.warning td {
+  background: $warning-color !important;
+  border: $callout-border-warning !important;
+  color: $white !important;
+}
 
-  &.success {
-    background: $success-color !important;
-    border: $callout-border-success !important;
-    color: $white !important;
-  }
-
-  &.warning {
-    background: $warning-color !important;
-    border: $callout-border-warning !important;
-    color: $white !important;
-  }
-
-  &.alert {
-    background: $alert-color !important;
-    border: $callout-border-alert !important;
-    color: $white !important;
-  }
+.callout.alert td {
+  background: $alert-color !important;
+  border: $callout-border-alert !important;
+  color: $white !important;
 }