From c8f46ad7b7870b03bf28d4ac3d6e513a4cc1514d Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Fri, 4 Mar 2016 14:56:41 -0800
Subject: [PATCH] Update callout CSS to place the main class on the table

---
 scss/components/_callout.scss | 40 +++++++++++++++++++----------------
 1 file changed, 22 insertions(+), 18 deletions(-)

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;
 }
-- 
2.47.2