From 383fd56f3165e56f0a855e9144e9c19a6f81a9f8 Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 23 Mar 2016 09:40:19 -0700
Subject: [PATCH] Add callout to responsive emails course in docs sidebar

---
 docs/assets/scss/_course-callout.scss | 40 +++++++++++++++++++++++++++
 docs/assets/scss/docs.scss            |  1 +
 docs/layouts/default.html             |  1 +
 docs/partials/course-callout.html     |  6 ++++
 4 files changed, 48 insertions(+)
 create mode 100644 docs/assets/scss/_course-callout.scss
 create mode 100644 docs/partials/course-callout.html

diff --git a/docs/assets/scss/_course-callout.scss b/docs/assets/scss/_course-callout.scss
new file mode 100644
index 00000000..948708b8
--- /dev/null
+++ b/docs/assets/scss/_course-callout.scss
@@ -0,0 +1,40 @@
+.docs-course-callout {
+  display: block;
+  background: #A183D3;
+  color: $white;
+  padding: 1rem;
+  margin-top: 1rem;
+
+  &:hover,
+  &:focus {
+    color: $white;
+  }
+
+  .button {
+    background: $white;
+    color: #85769e;
+    font-weight: bold;
+    border-radius: 2px;
+    box-shadow: 0 2px 0 #999;
+    margin-bottom: 0;
+  }
+
+  p {
+    font-size: rem-calc(14);
+    line-height: 21px;
+  }
+}
+
+.docs-course-callout-subtitle {
+  text-transform: uppercase;
+  font-weight: bold;
+  letter-spacing: 1px;
+  font-size: rem-calc(12);
+  display: block;
+}
+
+.docs-course-callout-title {
+  font-weight: bold;
+  margin-bottom: 0.75rem;
+  display: block;
+}
diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index b9cfe29f..af17a1c5 100644
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -25,6 +25,7 @@ $foundation-palette: (
 
 @import 'code';
 @import 'compatibility';
+@import 'course-callout';
 
 .dropdown.menu > li.is-dropdown-submenu-parent > a {
   padding-right: 1rem;
diff --git a/docs/layouts/default.html b/docs/layouts/default.html
index aa8633cf..628985b9 100644
--- a/docs/layouts/default.html
+++ b/docs/layouts/default.html
@@ -35,6 +35,7 @@
         </div>
         <div class="medium-3 large-2 medium-pull-9 large-pull-10 columns">
           {{> component-list}}
+          {{> course-callout}}
         </div>
       </div>
 
diff --git a/docs/partials/course-callout.html b/docs/partials/course-callout.html
new file mode 100644
index 00000000..426c8846
--- /dev/null
+++ b/docs/partials/course-callout.html
@@ -0,0 +1,6 @@
+<a class="docs-course-callout" href="http://zurb.com/university/responsive-emails-foundation">
+  <span class="docs-course-callout-subtitle">ZURB Master Class</span>
+  <span class="docs-course-callout-title">Responsive Emails</span>
+  <p>In this online class, you’ll learn how to rapidly design and develop responsive emails that look beautiful on just about every screen, browser, and email client out there—even Outlook.</p>
+  <span class="button">View Class</span>
+</a>
-- 
2.47.2