Remove included css, add in-line

michelangelo/kss_styleguide/custom-template/index.hbs

@@ -38,17 +38,69 @@
         padding-top: 110px !important;
       }
     }
-
-
-
-
     #alc-nav {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 1000000;
     }
+
+    article[class^="col-"] {
+      border: 1px dotted blue;
+    }
+
+    .row {
+      border: 1px dotted red;
+    }
+
+    .container,
+    .container-fluid {
+      border: 1px dotted green;
+    }
+
+    .kss-title,
+    .kss-section__item,
+    .kss-nav__item a.kss-state-active,
+    .kss-modifiers__heading,
+    .kss-nav__item a:hover {
+      color: #1b6fa6;
+    }
+
+    @media only screen and (min-width: 90.0625em) {
+      .kss-documentation {
+        padding-left: calc(18% + 20px);
+      }
+    }
+
+    @media only screen and (min-width: 90.0625em) {
+      .kss-navigation {
+        width: 18%;
+      }
+    }
+
+    .kss-header__hamburger {
+      color: #1b6fa6;
+      background: #1b6fa6;
+    }
+
+    .kss-header__hamburger:before,
+    .kss-header__hamburger:after {
+      background: #1b6fa6;
+    }
+
+    .kss-markdown h1,
+    .kss-markdown h2,
+    .kss-markdown h3,
+    .kss-markdown h4,
+    .kss-markdown h5,
+    .kss-markdown h6 {
+      color: #1b6fa6;
+    }
+
+    div.spacer {
+      margin: 30px;
+    }
   </style>
 </head>