slider.less in metro-ui-rails-cn-0.1.6

- old
+ new

@@ -16,11 +16,11 @@
 @slider-marker-color: #000;
 @slider-marker-color-disabled: #a0a0a0;
 
 .slider {
     height: 12px;
-    width: 100%;
+    width: auto;
     position: relative;
     background-color: @slider-color;
     margin-bottom: 10px;
 
     .marker {
@@ -29,14 +29,29 @@
         cursor: pointer;
         position: absolute;
         top: 0;
         left: 0;
         background-color: @slider-marker-color;
+        z-index: 3;
     }
     .complete {
         height: 100%;
         width: auto;
         background-color: @slider-color-rest-state;
+        z-index: 2;
+    }
+
+
+    &.vertical {
+        height: auto;
+        width: 12px;
+
+        .complete {
+            position: absolute;
+            height: auto;
+            width: 12px;
+            bottom: 0;
+        }
     }
 
     &:hover {
         .complete {
             background-color: @slider-color-hover-state;