Restructure less file

Author: ropsu

dist/rzslider.min.css

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