Update callout CSS to place the main class on the table

diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index 17e1c8cf4838ccc3f8ecd9f1bb33dc9f81a20bd6..f28d935aee5959c86ca2ec1de6dd82f99102d7b4 100644 (file)
--- 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;
 }