feat(Range): support gradient color

Author: youluna

src/button/scss/variable.scss

@@ -248,9 +248,11 @@ $btn-pure-primary-color-active: $color-white !default;
 /// @namespace statement/normal
 $btn-pure-primary-bg: $color-brand1-6 !default;
 /// background
+/// @supportGradient
 /// @namespace statement/hover
 $btn-pure-primary-bg-hover: $color-brand1-9 !default;
 /// background
+/// @supportGradient
 /// @namespace statement/active
 $btn-pure-primary-bg-active: $color-brand1-9 !default;
 /// border color

src/range/scss/mixin.scss

@@ -151,10 +151,10 @@
     }
 
     .#{$css-prefix}range-selected {
-        background-color: $selectedColor;
+        background: $selectedColor;
         //transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
         &:hover {
-            background-color: $selectedColorHover;
+            background: $selectedColorHover;
         }
     }
 

src/range/scss/variable.scss

@@ -104,6 +104,7 @@ $range-normal-unselected-color-hover: $color-line1-3 !default;
 
 /// selected
 /// @level normal
+/// @supportGradient
 /// @namespace statement/hover/bar
 $range-normal-selected-color-hover: $color-brand1-6 !default;
 
@@ -145,6 +146,7 @@ $range-normal-unselected-color-disabled: $color-line1-3 !default;
 /// selected
 /// @level normal
 /// @state disabled
+/// @supportGradient
 /// @namespace statement/disabled/bar
 $range-normal-selected-color-disabled: $color-line1-4 !default;