starting to implement a docking nav?

stylesheets/custom.css

@@ -52,54 +52,11 @@
 .code-example {
   margin-top: 1.5rem;
   margin-bottom: 0;
-  display: none;
 }
 .code-example-body {
   white-space: pre;
-  /*overflow: auto;*/
   word-wrap: break-word
 }
-.code-snippets-visible .code-example {
-  display: block;
-}
-.code-toggler {
-  position: fixed;
-  bottom: 10px;
-  left: 10px;
-  width: 34px;
-  height: 20px;
-  background: #E5E5E5;
-  border: 1px solid #C6C6C6;
-  border-radius: 100px;
-  cursor: pointer; }
-.code-toggle {
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  top: 1px;
-  left: 1px;
-  background-color: #fff;
-  border: 1px solid #C6C6C6;
-  border-radius: 100px;
-  -webkit-transition: all .15s ease-out; }
-.code-snippets-visible .code-toggler {
-  background: #67D55B;
-  border-color: #4CB340; }
-.code-snippets-visible .code-toggle {
-  border-color: #4CB340;
-  left: 14px; }
-.code-label {
-  width: 100px;
-  position: absolute;
-  left: 42px;
-  font-size: 11px;
-  color: #888; }
-.code-toggler .code-label-hide {
-  display: none; }
-.code-snippets-visible .code-label-hide {
-  display: inline; }
-.code-snippets-visible .code-label-show {
-  display: none; }
 
 @media (min-width: 550px) {
   .header {
@@ -118,4 +75,96 @@
     float: right;
     margin-top: 12px;
   }
+}
+
+
+
+
+
+
+
+.navbar + .docs-section {
+  border-top-width: 0;
+}
+.navbar,
+.navbar-spacer {
+  width: 100%;
+  height: 6.5rem;
+  background: #fff;
+  z-index: 99;
+  border-top: 1px solid #eee;
+  border-bottom: 1px solid #eee;
+}
+.navbar-spacer {
+  display: none;
+}
+.navbar > .container {
+  width: 100%;
+}
+.navbar-list {
+  list-style: none;
+  margin-bottom: 0;
+}
+.navbar-item {
+  position: relative;
+  float: left;
+  margin-bottom: 0;
+}
+.navbar-link {
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: .1rem;
+  margin-right: 50px;
+  text-decoration: none;
+  line-height: 6.3rem;
+  color: #222;
+}
+.navbar-link.active {
+  color: #33C3F0;
+}
+.has-docked-nav .navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.has-docked-nav .navbar-spacer {
+  display: block;
+}
+
+
+.popover {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #fff;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  top: 92%;
+  left: -50%;
+}
+.popover-list {
+  padding: 10px 0;
+  margin: 0;
+  list-style: none;
+}
+.popover-item {
+  padding: 0;
+  margin: 0;
+}
+.popover-link {
+  color: #999;
+  display: block;
+  padding: 5px 20px;
+  text-decoration: none;
+  text-transform: uppercase;
+  font-size: 1.0rem;
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: .1rem;
+}
+.popover-link:hover {
+  color: #fff;
+  background: #33C3F0;
 }