stylesheets/utilities/_helper-classes.scss in rapido-css-0.2.2 vs stylesheets/utilities/_helper-classes.scss in rapido-css-0.2.3

@@ -25,11 +25,11 @@
 */
 
 .clearfix {
     &:after {
         content: "";
-        display: table;
+        @extend %display-table;
         clear: both;
     }
 }
 
 .transition {
@@ -57,26 +57,26 @@
 Styleguide 25.2
 
 */
 
 .wrapper, .w {
-    @extend .clearfix;
+    @extend %clearfix;
     margin: 0 auto;
     max-width: $desk-end;
     padding-left: em($wrapper-padding);
     padding-right: em($wrapper-padding);
 }
 
 .fixed-wrapper, .fw {
-    @extend .clearfix;
+    @extend %clearfix;
     margin: 0 auto;
     width: $desk-end;
 }
 
 
-.left {float: left;}
-.right {float: right;}
+.left {@extend %float-left;}
+.right {@extend %float-right;}
 
 
 /*
 
 Elements width
@@ -97,12 +97,12 @@
 
 Styleguide 25.3
 
 */
 
-
-@for $i from 1 through 100 {
+@for $j from 1 through 20 {
+    $i: 5 * $j;
     %width-#{$i} { width: $i * 1% !important; }
     @if $width-helper-classes {
         [data-width="#{$i}"] { @extend %width-#{$i}; }
     }
 }
@@ -128,16 +128,16 @@
 */
 
 .lead           { @include adjust-font-size-to($h4-size); }
 .muted          { color: $gray; }
 
-.pull-left      { float: left; }
-.pull-right     { float: right; }
+.pull-left      { @extend %float-left; }
+.pull-right     { @extend %float-right; }
 
-.text-left      { text-align: left; }
-.text-right     { text-align: right; }
-.text-center    { text-align: center; }
+.text-left      { @extend %text-align-left; }
+.text-right     { @extend %text-align-right; }
+.text-center    { @extend %text-align-center; }
 
 /*
 
 Sprites
 
@@ -150,10 +150,10 @@
 */
 
 .s {
     @include transition(none);
     content: "";
-    @include inline-block;
+    @extend %display-inline-block;
     font-style:normal;
     overflow:hidden;
     text-align:center;
     text-indent:-9999px;
 }