adding back some css

docs/assets/css/docs.css

@@ -823,10 +823,10 @@ code {
   }
 }
 .device {
+  display: none;
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   font-size: 17px;
   line-height: 21px;
-  display: none;
 }
 
 @media screen and (min-width: 768px) {
@@ -915,6 +915,9 @@ hr {
   float: left;
   width: 100%;
 }
+.column.pull-right {
+  float: right;
+}
 
 .column .column-group {
   margin-left: -15px;
@@ -931,6 +934,14 @@ hr {
     width: 33.333%;
   }
 
+  .lg-units-5 {
+    width: 41.666%;
+  }
+
+  .lg-units-7 {
+    width: 58.333%;
+  }
+
   .lg-units-8 {
     width: 66.666%;
   }

sass/docs.scss

@@ -862,10 +862,10 @@ code {
 // --------------------------------------------------
 
 .device {
+  display: none;
   font-family: $font-family-default;
   font-size: $font-size-default;
   line-height: $line-height-default;
-  display: none;
 }
 @media screen and (min-width: 768px) {
   .device {
@@ -951,6 +951,10 @@ hr {
   padding-right: 15px;
   float: left;
   width: 100%;
+
+  &.pull-right {
+    float: right;
+  }
 }
 // Lines nested grids up correctly.
 .column .column-group {
@@ -970,6 +974,8 @@ hr {
 
   // Twelve column fluid grid
   .lg-units-4  { width: 33.333%; }
+  .lg-units-5  { width: 41.666%; }
+  .lg-units-7  { width: 58.333%; }
   .lg-units-8  { width: 66.666%; }
 }