Restructure less file

dist/rzslider.min.css

-/*! jusas-angularjs-slider - v0.1.6 - (c) Rafal Zajac <rzajac@gmail.com>, Jussi Saarivirta <jusasi@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2014-07-08 */
+/*! jusas-angularjs-slider - v0.1.6 - (c) Rafal Zajac <rzajac@gmail.com>, Jussi Saarivirta <jusasi@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2014-09-12 */
 rzslider{position:relative;display:inline-block;width:100%;height:2px;margin:30px 0 15px 0;vertical-align:middle}rzslider span{position:absolute;display:inline-block;white-space:nowrap}rzslider span.base{width:100%;height:100%;padding:0}rzslider span.bar{z-index:0;width:100%;height:100%;background:#fff}rzslider span.bar.selection{z-index:1;width:0;background:#67b700}rzslider span.pointer{top:-15px;z-index:2;width:32px;height:32px;cursor:pointer;background-color:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}rzslider span.pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#71818e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}rzslider span.pointer:hover:after{background-color:#67b700}rzslider span.pointer.active:after{background-color:#67b700}rzslider span.bubble{top:-32px;padding:1px 3px 1px 3px;color:#67b700;cursor:default}rzslider span.bubble.selection{top:15px}rzslider span.bubble.limit{color:#67b700}
\ No newline at end of file

rzslider.less

@@ -27,34 +27,32 @@ rzslider {
   width: 100%;
   margin: 30px 0 15px 0;
   vertical-align: middle;
-}
 
-rzslider span {
+  span {
     white-space: nowrap;
     position: absolute;
     display: inline-block;
-}
 
-rzslider span.base {
+    &.base {
       width: 100%;
       height: 100%;
       padding: 0;
-}
+    }
 
-rzslider span.bar {
+    &.bar {
       width: 100%;
       height: 100%;
       z-index: 0;
       background: #fff;
-}
 
-rzslider span.bar.selection {
+      &.selection {
         width: 0%;
         z-index: 1;
         background: #67b700;
-}
+      }
+    }
 
-rzslider span.pointer {
+    &.pointer {
       cursor: pointer;
       width: 32px;
       height: 32px;
@@ -62,9 +60,8 @@ rzslider span.pointer {
       background-color: @handleBgColor;
       z-index: 2;
       .rounded(16px);
-}
 
-rzslider span.pointer:after {
+      &:after {
         content: '';
         width: 8px;
         height: 8px;
@@ -73,27 +70,30 @@ rzslider span.pointer:after {
         left: 12px;
         .rounded(4px);
         background: @handleInnerColor;
-}
+      }
 
-rzslider span.pointer:hover:after {
+      &:hover:after {
         background-color: @handleHoverColor;
-}
+      }
 
-rzslider span.pointer.active:after {
+      &.active:after {
         background-color: @handleActiveColor;
-}
+      }
+    }
 
-rzslider span.bubble {
+    &.bubble {
       cursor: default;
       top: -32px;
       padding: 1px 3px 1px 3px;
       color: @labelTextColor;
-}
 
-rzslider span.bubble.selection {
+      &.selection {
         top: 15px;
-}
+      }
 
-rzslider span.bubble.limit {
+      &.limit {
         color: @limitLabelTextColor;
+      }
+    }
+  }
 }