feat(Slider): split variable for dots height & width

alibaba-fusion · Mar 28, 2019 · 2f5c247 · 2f5c247
1 parent e11f1df
commit 2f5c247
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/slider/main.scss b/src/slider/main.scss
@@ -124,8 +124,8 @@
                 border-style: solid;
                 outline: none;
                 padding: 0;
-                height: $slick-dots-diameter;
-                width: $slick-dots-diameter;
+                height: $slick-dots-height;
+                width: $slick-dots-width;
                 border-radius: $slick-dots-border-radius;
                 background: rgba($slick-dots-background-color-normal, $slick-dots-background-opacity-normal);
 
@@ -162,7 +162,7 @@
         /* dots 位于右侧垂直位置 */
         &.ver {
             @include slick-dots-position(
-                $slick-dots-diameter + 4 * 2,
+                $slick-dots-width + 4 * 2,
                 $slick-dots-position-right,
                 'ver'
             );

diff --git a/src/slider/scss/variable.scss b/src/slider/scss/variable.scss
@@ -26,9 +26,13 @@ $slick-dots-position-bottom: $s-3 !default;
 /// @namespace size/dots
 $slick-dots-position-right: $s-5 !default;
 
-/// dot size
+/// dot width
 /// @namespace size/dots
-$slick-dots-diameter: $s-2 !default;
+$slick-dots-width: $s-2 !default;
+
+/// dot height
+/// @namespace size/dots
+$slick-dots-height: $s-2 !default;
 
 /// dot margin (l, r)
 /// @namespace size/dots