Adjusting the <pre> content.

11 years ago · 512573f35e
4 changed files with 41 additions and 7 deletions
--- a/_includes/header.html
+++ b/_includes/header.html
@ -17,8 +17,9 @@

 <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 <script src="{{ page.base_url }}dist/ratchet.js"></script>
-<!--<script src="{{ page.base_url }}docs-assets/js/docs.js"></script>
-<script src="{{ page.base_url }}docs-assets/js/fingerblast.js"></script>-->
+<!--<script src="{{ page.base_url }}docs-assets/js/docs.js"></script>-->
+<script src="{{ page.base_url }}docs-assets/js/fingerblast.js"></script>
+
 <script>
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36050008-1']);
@ -29,4 +30,8 @@
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
+  // Remove once I add back in the docs.js
+  $(function() {
+    $(window).on('load', function () { new FingerBlast('.body'); });
+  });
 </script>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -4,8 +4,8 @@
    {% include header.html %}
  </head>
  <body ontouchstart="">
-    <!-- Masthead & navigation -->
-    {% include nav.html %}
+    <!-- Masthead & navigation 
+    {% include nav.html %}-->

    <!-- Page content -->
    {{ content }}
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@ -83,10 +83,27 @@ h1, h2, h3, h4, h5, h6 {
  position: relative;
 }

+.component-example .bar-header-secondary {
+  top: 0;
+}
+
 .bar-nav ~ .content {
  padding: 0;
 }

+.highlight pre {
+  margin-top: 10px;
+  padding: 10px;
+  font-size: 13px;
+  overflow-x: auto;
+  color: #777;
+  background-color: #fafafa;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  white-space: pre;
+  word-wrap: normal;
+}
+
 .container {
  margin-left: auto;
  margin-right: auto;
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@ -89,10 +89,24 @@ h1, h2, h3, h4, h5, h6 {
 .component-example .content {
  position: relative;
 }
-
+.component-example .bar-header-secondary {
+  top: 0;
+}
 .bar-nav ~ .content {
  padding: 0;
 }
+.highlight pre {
+  margin-top: 10px;
+  padding: 10px;
+  font-size: 13px;
+  overflow-x: auto;
+  color: #777;
+  background-color: #fafafa;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  white-space: pre;
+  word-wrap: normal;
+}


 // The Chassis grid
@ -101,8 +115,6 @@ h1, h2, h3, h4, h5, h6 {
 .container {
  margin-left: auto;
  margin-right: auto;
-  // padding-left: 2%;
-  // padding-right: 2%;
 }
 .column-group {
  width: auto;