feat(Slider): make slider dots configurable

alibaba-fusion · Mar 22, 2019 · 027c2a4 · 027c2a4
1 parent 70c1bc4
commit 027c2a4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/slider/main.scss b/src/slider/main.scss
@@ -126,7 +126,7 @@
                 padding: 0;
                 height: $slick-dots-diameter;
                 width: $slick-dots-diameter;
-                border-radius: 50%;
+                border-radius: $slick-dots-border-radius;
                 background: rgba($slick-dots-background-color-normal, $slick-dots-background-opacity-normal);
 
                 &:hover {

diff --git a/src/slider/scss/variable.scss b/src/slider/scss/variable.scss
@@ -7,7 +7,7 @@
 /// @family data-display
 /// @varPrefix $slick-
 /// @classPrefix {prefix}-slick
-/// @order {"size/dots":10,"size/arrow":11,"size/track":12,"size/slide":13,"statement/normal":10,"statement/normal/dot":100,"statement/normal/arrow":101,"statement/hover":11,"statement/hover/dot":110,"statement/hover/arrow":111,"statement/selected":12,"statement/selected/dot":120,"statement/disabled":13,"statement/disabled/arrow":130}
+/// @order {"size/dots":10,"size/arrow":11,"size/track":12,"statement/normal":10,"statement/normal/dot":100,"statement/normal/arrow":101,"statement/hover":11,"statement/hover/dot":110,"statement/hover/arrow":111,"statement/selected":12,"statement/selected/dot":120,"statement/disabled":13,"statement/disabled/arrow":130}
 ////
 
 // slider variables
@@ -137,6 +137,10 @@ $slick-dots-background-opacity-selected: 1 !default;
 /// @namespace size/dots
 $slick-dots-border-width: $line-zero !default;
 
+/// border radius
+/// @namespace size/dots
+$slick-dots-border-radius: $corner-circle !default;
+
 /// border
 /// @namespace statement/normal/dot
 $slick-dots-border-color-normal: $color-white !default;