style: slider & space

components/slider/index.en-US.md

@@ -32,6 +32,8 @@ To input a value in a range.
 | tooltipPlacement | Set Tooltip display position. Ref [`Tooltip`](/components/tooltip/). | string |  | 1.5.0 |
 | tooltipVisible | If true, Tooltip will show always, or it will not show anyway, even if dragging or hovering. | Boolean |  |  |
 | getTooltipPopupContainer | The DOM container of the Tooltip, the default behavior is to create a div element in body. | Function | () => document.body | 1.5.0 |
+| trackStyle | The style of slider track | CSSProperties | - |  |
+| handleStyle | The style of slider handle | CSSProperties | - |  |
 
 ### events
 

components/slider/style/index.less

@@ -120,9 +120,11 @@
     &:first-child {
       margin-left: -4px;
     }
+
     &:last-child {
       margin-left: -4px;
     }
+
     &-active {
       border-color: @slider-dot-border-color-active;
     }
@@ -131,6 +133,10 @@
   &-disabled {
     cursor: not-allowed;
 
+    .@{slider-prefix-cls}-rail {
+      background-color: @slider-rail-background-color !important;
+    }
+
     .@{slider-prefix-cls}-track {
       background-color: @slider-disabled-color !important;
     }

components/space/demo/vertical.vue

@@ -15,7 +15,7 @@ title:
 ## en-US
 
 Crowded components vertical spacing.
-Can set `width: 100%` fill a row.
+Can set `width: 100%` to fill a row.
 
 </docs>
 

components/space/style/index.less

@@ -6,6 +6,7 @@
 
 .@{space-prefix-cls} {
   display: inline-flex;
+
   &-vertical {
     flex-direction: column;
   }
@@ -14,12 +15,15 @@
     &-center {
       align-items: center;
     }
+
     &-start {
       align-items: flex-start;
     }
+
     &-end {
       align-items: flex-end;
     }
+
     &-baseline {
       align-items: baseline;
     }