Small clean up.

docs-assets/css/docs.css

@@ -17,15 +17,40 @@ body {
   -webkit-text-size-adjust: 100%;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
   text-rendering: optimizeLegibility;
 }
 
+.docs-header-wrapper {
+  background-color: #fafafa;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320px' height='1'><rect fill='#c8c7cc' x='0' y='0' width='320px' height='0.5'/></svg>");
+  background-position: 0 100%;
+  background-repeat: no-repeat;
+}
+
+.docs-header {
+  padding-top: 50px;
+  padding-bottom: 50px;
+  text-align: center;
+  -webkit-animation-name: fadeintext;
+  animation-name: fadeintext;
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+.docs-header .docs-title {
+  margin: 0;
+  font-size: 40px;
+  font-weight: 400;
+}
+.docs-header .docs-subtitle {
+  margin-top: 0;
+  margin-bottom: 20px;
+  color: #777;
+  font-size: 22px;
+  font-weight: 300;
+  line-height: 30px;
+}
+
 .container {
   margin-left: auto;
   margin-right: auto;
@@ -191,36 +216,6 @@ h6 {
     margin-right: -30px;
   }
 }
-.docs-header-wrapper {
-  background-color: #fafafa;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320px' height='1'><rect fill='#c8c7cc' x='0' y='0' width='320px' height='0.5'/></svg>");
-  background-position: 0 100%;
-  background-repeat: no-repeat;
-}
-
-.docs-header {
-  padding-top: 50px;
-  padding-bottom: 50px;
-  text-align: center;
-  -webkit-animation-name: fadeintext;
-  animation-name: fadeintext;
-  -webkit-animation-duration: 2s;
-  animation-duration: 2s;
-}
-.docs-header .docs-title {
-  margin: 0;
-  font-size: 40px;
-  font-weight: 400;
-}
-.docs-header .docs-subtitle {
-  margin-top: 0;
-  margin-bottom: 35px;
-  color: #777;
-  font-size: 22px;
-  font-weight: 300;
-  line-height: 30px;
-}
-
 hr {
   height: 0;
   margin: 10px 0 30px;

lib/sass/docs.scss

@@ -14,16 +14,43 @@ body {
   -webkit-text-size-adjust: 100%;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
   text-rendering: optimizeLegibility;
 }
 
-// The grid
+
+// Jumbotron
+// --------------------------------------------------
+
+.docs-header-wrapper {
+  background-color: #fafafa;
+  @include hairline(single, #c8c7cc, 320px, 0);
+}
+.docs-header {
+  padding-top: 50px;
+  padding-bottom: 50px;
+  text-align: center;
+  @include animation-name(fadeintext);
+  @include animation-duration(2s);
+
+  .docs-title {
+    margin: 0;
+    font-size: 40px;
+    font-weight: 400;
+  }
+
+  .docs-subtitle {
+    margin-top: 0;
+    margin-bottom: 20px;
+    color: #777;
+    font-size: 22px;
+    font-weight: 300;
+    line-height: 30px;
+  }
+}
+
+
+// The Chassis grid
 // --------------------------------------------------
 
 .container {
@@ -122,37 +149,6 @@ h6 {
 }
 
 
-// Jumbotron
-// --------------------------------------------------
-
-.docs-header-wrapper {
-  background-color: #fafafa;
-  @include hairline(single, #c8c7cc, 320px, 0);
-}
-.docs-header {
-  padding-top: 50px;
-  padding-bottom: 50px;
-  text-align: center;
-  @include animation-name(fadeintext);
-  @include animation-duration(2s);
-
-  .docs-title {
-    margin: 0;
-    font-size: 40px;
-    font-weight: 400;
-  }
-
-  .docs-subtitle {
-    margin-top: 0;
-    margin-bottom: 35px;
-    color: #777;
-    font-size: 22px;
-    font-weight: 300;
-    line-height: 30px;
-  }
-}
-
-
 // Misc
 // --------------------------------------------------