getting rid of unused css in docs.scss

docs/assets/css/docs.css

@@ -890,17 +890,10 @@ hr {
   clear: both;
 }
 
-.column-group {
-  *zoom: 1;
-}
-
-.column-group:before,
-.column-group:after {
-  display: table;
-  line-height: 0;
+.column-group:before, .column-group:after {
   content: " ";
+  display: table;
 }
-
 .column-group:after {
   clear: both;
 }
@@ -921,9 +914,7 @@ hr {
   padding-left: 15px;
   padding-right: 15px;
   float: left;
-}
-.column.pull-right {
-  float: right;
+  width: 100%;
 }
 
 .column .column-group {
@@ -931,123 +922,19 @@ hr {
   margin-right: -15px;
 }
 
-.units-1 {
-  width: 50%;
-}
-
-.units-2 {
-  width: 100%;
-}
-
-.offset-1 {
-  margin-left: 50%;
-}
-
 @media screen and (min-width: 768px) {
   .container {
     padding: 0;
     max-width: 940px;
   }
 
-  .units-1 {
-    width: 50%;
-  }
-
-  .units-2 {
-    width: 100%;
-  }
-
-  .lg-units-1 {
-    width: 8.333%;
-  }
-
-  .lg-units-2 {
-    width: 16.666%;
-  }
-
-  .lg-units-3 {
-    width: 25%;
-  }
-
   .lg-units-4 {
     width: 33.333%;
   }
 
-  .lg-units-5 {
-    width: 41.666%;
-  }
-
-  .lg-units-6 {
-    width: 50%;
-  }
-
-  .lg-units-7 {
-    width: 58.333%;
-  }
-
   .lg-units-8 {
     width: 66.666%;
   }
-
-  .lg-units-9 {
-    width: 75%;
-  }
-
-  .lg-units-10 {
-    width: 83.333%;
-  }
-
-  .lg-units-11 {
-    width: 91.666%;
-  }
-
-  .lg-units-12 {
-    width: 100%;
-  }
-
-  .lg-offset-1 {
-    margin-left: 8.333%;
-  }
-
-  .lg-offset-2 {
-    margin-left: 16.666%;
-  }
-
-  .lg-offset-3 {
-    margin-left: 25%;
-  }
-
-  .lg-offset-4 {
-    margin-left: 33.333%;
-  }
-
-  .lg-offset-5 {
-    margin-left: 41.666%;
-  }
-
-  .lg-offset-6 {
-    margin-left: 50%;
-  }
-
-  .lg-offset-7 {
-    margin-left: 58.333%;
-  }
-
-  .lg-offset-8 {
-    margin-left: 66.666%;
-  }
-
-  .lg-offset-9 {
-    margin-left: 75%;
-  }
-
-  .lg-offset-10 {
-    margin-left: 83.333%;
-  }
-
-  .lg-offset-11 {
-    margin-left: 91.666%;
-  }
 }
 @media screen and (min-width: 1200px) {
   .container {

sass/docs.scss

@@ -930,16 +930,7 @@ hr {
 }
 
 .column-group {
-  *zoom: 1;
-}
-.column-group:before,
-.column-group:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-.column-group:after {
-  clear: both;
+  @include clearfix;
 }
 
 
@@ -960,21 +951,13 @@ hr {
   padding-left: 15px;
   padding-right: 15px;
   float: left;
-
-  &.pull-right {
-    float: right;
-  }
+  width: 100%;
 }
 // Lines nested grids up correctly.
 .column .column-group {
   margin-left: -15px;
   margin-right: -15px;
 }
-.units-1 { width: 50%; }
-.units-2 { width: 100%; }
-
-// Offsets
-.offset-1 { margin-left: 50%; }
 
 
 // Tablet to desktop
@@ -986,36 +969,9 @@ hr {
     max-width: 940px;
   }
 
-  // Override the mobile grid
-  .units-1 { width: 50%; }
-  .units-2 { width: 100%; }
-
   // Twelve column fluid grid
-  .lg-units-1  { width: 8.333%; }
-  .lg-units-2  { width: 16.666%; }
-  .lg-units-3  { width: 25%; }
   .lg-units-4  { width: 33.333%; }
-  .lg-units-5  { width: 41.666%; }
-  .lg-units-6  { width: 50%; }
-  .lg-units-7  { width: 58.333%; }
   .lg-units-8  { width: 66.666%; }
-  .lg-units-9  { width: 75%; }
-  .lg-units-10 { width: 83.333%; }
-  .lg-units-11 { width: 91.666%; }
-  .lg-units-12 { width: 100%; }
-
-  // Offsets
-  .lg-offset-1     { margin-left: 8.333%; }
-  .lg-offset-2     { margin-left: 16.666%; }
-  .lg-offset-3     { margin-left: 25%; }
-  .lg-offset-4     { margin-left: 33.333%; }
-  .lg-offset-5     { margin-left: 41.666%; }
-  .lg-offset-6     { margin-left: 50%; }
-  .lg-offset-7     { margin-left: 58.333%; }
-  .lg-offset-8     { margin-left: 66.666%; }
-  .lg-offset-9     { margin-left: 75%; }
-  .lg-offset-10    { margin-left: 83.333%; }
-  .lg-offset-11    { margin-left: 91.666%; }
 }