full screen gradient experiment

docs-assets/css/docs.css

@@ -679,7 +679,7 @@ body {
 .docs-title {
   margin: 0;
   font-size: 22px;
-  font-weight: 300;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 6px;
 }

docs-assets/js/docs.js

@@ -25,7 +25,7 @@ $(function() {
     device               = device || $('.device');
     platformToggle       = $('.platform-toggle');
     noticeBanner         = $('.notice-banner');
-    navComponentLinks    = $('.nav-components-link');
+    navComponentLinks    = $('.docs-nav');
     componentsList       = $('.components-list');
     componentLinks       = $('.component-example a');
     contentSection       = $('.component');

index.html

@@ -7,7 +7,7 @@ base_url: "./"
 <div class="container column-group">
   <div class="column units-2">
     <header class="docs-nav">
-      <a class="icon icon-list pull-right" href="/components"></a>
+      <a class="icon icon-list pull-right" href="/components" data-ignore="push"></a>
       <h1 class="docs-title">Ratchet</h1>
     </header>
   </div>

lib/sass/docs.scss

@@ -70,7 +70,7 @@ body {
 .docs-title {
   margin: 0;
   font-size: 22px;
-  font-weight: 300;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 6px;
 }