From: Kevin Ball <kmball11@gmail.com>
Date: Tue, 9 Aug 2016 18:26:04 +0000 (-0700)
Subject: Make image on footer link more responsive
X-Git-Tag: v6.2.4-rc1~32^2~6
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=03f04e1b6e38a3f14eb36c85c654a57cd615d325;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Make image on footer link more responsive
---

diff --git a/docs/assets/scss/_course-callout.scss b/docs/assets/scss/_course-callout.scss
index d04d1f31b..a9aca9cee 100644
--- a/docs/assets/scss/_course-callout.scss
+++ b/docs/assets/scss/_course-callout.scss
@@ -1,7 +1,8 @@
 .footer-course-upsell {
   overflow: hidden;
   img {
-    margin-top: 55px;
+    position: absolute;
+    bottom: -15px;
     animation:  ad-unit-hover 8s infinite ease;
   }
   border-top: 1px solid #cacaca;
diff --git a/docs/partials/footer.html b/docs/partials/footer.html
index f77a0bed1..8a2b139a3 100644
--- a/docs/partials/footer.html
+++ b/docs/partials/footer.html
@@ -1,15 +1,17 @@
 <div class="footer-course-upsell">
   <section class="sites-course">
-    <div class="row">
+    <div class="row" data-equalizer>
       <div class="medium-7 medium-push-4 columns">
-        <div class="course-callout">
+        <div class="course-callout" data-equalizer-watch>
           <h3 class="sites-course-title"><span>WEBINAR</span> Introduction to Foundation 6</h3>
           <p>Achieve maximum thrust by learning how to use Foundation 6 to power your projects. The Foundation team will get you up to speed on everything you need to know to get the most out of Foundation 6.</p>
           <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="button primary" target="_blank">Learn Foundation 6</a>
         </div>
       </div>
-      <div class="medium-2 medium-pull-8 columns">
-        <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="" target="_blank"><img src="{{root}}assets/img/yeti.svg"/></a>
+      <div class="medium-2 medium-pull-8 columns show-for-medium">
+        <div data-equalizer-watch>
+          <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="" target="_blank"><img src="{{root}}assets/img/yeti.svg"/></a>
+        </div>
       </div>
     </div>
   </section>