From: RafiBomb <rafi@zurb.com>
Date: Tue, 22 Mar 2016 22:15:17 +0000 (-0700)
Subject: changes callout class and updates docs
X-Git-Tag: v2.0.0~10
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6baa47a76e2fc187ab4097e10ff6a0b4b86d7676;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

changes callout class and updates docs
---

diff --git a/docs/pages/callout.md b/docs/pages/callout.md
index 3e526130..4730469c 100644
--- a/docs/pages/callout.md
+++ b/docs/pages/callout.md
@@ -9,7 +9,7 @@ tags:
 
 ## Basics
 
-Al Callout adds a border, background, and some padding. Callouts use a full table structure, with the class `.callout` applied to the innermost `<th>`.
+A Callout adds a border, background, and some padding. Callouts use a full table structure, with the class `.callout` on the outer `<table>` (for bottom margin) and the `.callout-inner` applied to the innermost `<th>`.
 
 When using [Inky](inky.html) HTML, the `<callout>` tag will create this structure for you. You can wrap them around a row or inside a column.
 
diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index cd667fb5..17ae6dde 100644
--- a/scss/components/_callout.scss
+++ b/scss/components/_callout.scss
@@ -47,7 +47,7 @@ table.callout {
   Margin-bottom: $callout-margin-bottom;
 }
 
-th.callout {
+th.callout-inner {
   width: 100%;
   border: $callout-border;
   padding: $callout-padding;