From: Geoff Kimball <geoff@zurb.com>
Date: Mon, 21 Mar 2016 20:27:05 +0000 (-0700)
Subject: Cap the heights of docs code samples, so when switching between Inky/HTML display... 
X-Git-Tag: v2.0.0-rc.4~3^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=02999ef3e4eec3e9e65c7f69a9236dddcd159f04;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Cap the heights of docs code samples, so when switching between Inky/HTML display the page height doesn't jump so dramatically. Fixes #263
---

diff --git a/docs/assets/js/codeSample.js b/docs/assets/js/codeSample.js
index 571a067a..734ae262 100644
--- a/docs/assets/js/codeSample.js
+++ b/docs/assets/js/codeSample.js
@@ -3,7 +3,8 @@
 var $currentText = $('[data-docs-code-current]');
 var $toggleButtons = $('[data-docs-code-toggle]');
 
-$toggleButtons.click(function() {
+$toggleButtons.click(function(e) {
+  e.preventDefault();
   $('body').toggleClass('is-inky-enabled');
 
   if ($('body').hasClass('is-inky-enabled')) {
diff --git a/docs/assets/scss/_code.scss b/docs/assets/scss/_code.scss
new file mode 100644
index 00000000..b04942ba
--- /dev/null
+++ b/docs/assets/scss/_code.scss
@@ -0,0 +1,6 @@
+.docs-code-html,
+.docs-code-inky {
+  code {
+    max-height: 300px;
+  }
+}
diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 43ce4039..38819a7e 100644
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -23,34 +23,5 @@
 
 @import 'node_modules/foundation-docs/scss/foundation-docs';
 
+@import 'code';
 @import 'compatibility';
-
-// .docs-nav.menu {
-//   background-color: #fefaff;
-//
-//   a:hover {
-//     background: rgba($primary-color, 0.1);
-//   }
-// }
-//
-// .docs-nav-title {
-//   color: #9974a1;
-// }
-//
-// .docs-newsletter {
-//   background-color: darken($primary-color, 15%);
-//
-//   .button {
-//     color: $primary-color;
-//     background: white;
-//     font-weight: bold;
-//
-//     &:hover {
-//       background: #f9f9f9;
-//     }
-//   }
-// }
-//
-// .docs-emails .zurb-footer-top {
-//   background-color: darken($primary-color, 25%);
-// }