fix(Pagination): add item padding config, close alibaba-fusion#2822

rosky · Apr 14, 2021 · 3f71889 · 3f71889
1 parent 0cdc8fb
commit 3f71889
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/src/pagination/main.scss b/src/pagination/main.scss
@@ -158,7 +158,7 @@
         @include pagination-size(
             'ltr',
             $itemSplit: $pagination-small-item-split,
-            $itemPaddingLeftRight: calc(#{$s-2} - 2px),
+            $itemPaddingLeftRight: $pagination-small-item-padding,
             $itemBorderWidth: $pagination-small-item-border-width,
             $itemCorner: $pagination-small-item-corner,
             $ellipsisSize: $pagination-small-ellipsis-size,
@@ -191,7 +191,7 @@
         @include pagination-size(
             'ltr',
             $itemSplit: $pagination-item-split,
-            $itemPaddingLeftRight: calc(#{$s-3} - 2px),
+            $itemPaddingLeftRight: $pagination-item-padding,
             $itemBorderWidth: $pagination-item-border-width,
             $itemCorner: $pagination-item-corner,
             $ellipsisSize: $pagination-ellipsis-size,
@@ -224,7 +224,7 @@
         @include pagination-size(
             'ltr',
             $itemSplit: $pagination-large-item-split,
-            $itemPaddingLeftRight: calc(#{$s-4} - 1px),
+            $itemPaddingLeftRight: $pagination-large-item-padding,
             $itemBorderWidth: $pagination-large-item-border-width,
             $itemCorner: $pagination-large-item-corner,
             $ellipsisSize: $pagination-large-ellipsis-size,

diff --git a/src/pagination/scss/variable.scss b/src/pagination/scss/variable.scss
@@ -21,6 +21,11 @@ $pagination-prefix: ".#{$css-prefix}pagination";
 /// @namespace size/item
 $pagination-item-split: $s-1 !default;
 
+/// padding (l,r)
+/// @namespace size/item
+/// @type number
+$pagination-item-padding: 10px !default;
+
 /// border style
 /// @namespace size/item
 $pagination-item-border-style: $line-solid !default;
@@ -76,6 +81,11 @@ $pagination-size-selector-number-padding: $s-3 !default;
 /// @namespace size/item
 $pagination-large-item-split: $s-2 !default;
 
+/// padding (l,r)
+/// @namespace size/item
+/// @type number
+$pagination-large-item-padding: 15px !default;
+
 /// border width
 /// @namespace size/item
 $pagination-large-item-border-width: $line-1 !default;
@@ -115,6 +125,11 @@ $pagination-large-size-selector-number-padding: $s-4 !default;
 /// @namespace size/item
 $pagination-small-item-split: $s-1 !default;
 
+/// padding (l,r)
+/// @namespace size/item
+/// @type number
+$pagination-small-item-padding: 6px !default;
+
 /// border width
 /// @namespace size/item
 $pagination-small-item-border-width: $line-1 !default;