From 1655c2aa1192bcaa99c0c7e1e21869104eec8efb Mon Sep 17 00:00:00 2001
From: Summer <SorrowX@users.noreply.github.com>
Date: Wed, 10 Mar 2021 20:30:04 +0800
Subject: [PATCH] fix: pagination.scss (#1598)

* fix: pagination.scss

* add variable for pagination.scss
---
 packages/theme-chalk/src/pagination.scss | 35 ++++++++++++++++++------
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/packages/theme-chalk/src/pagination.scss b/packages/theme-chalk/src/pagination.scss
index 31ff1ffca6..df609b2c51 100644
--- a/packages/theme-chalk/src/pagination.scss
+++ b/packages/theme-chalk/src/pagination.scss
@@ -3,6 +3,9 @@
 @import "common/var";
 @import "select";
 
+$--pagination-height-extra-small: 22px !default;
+$--pagination-line-height-extra-small: $--pagination-height-extra-small !default;
+
 @include b(pagination) {
   white-space: nowrap;
   padding: 2px 5px;
@@ -100,9 +103,9 @@
     .#{$namespace}-pager li.btn-quickprev,
     .#{$namespace}-pager li:last-child {
       border-color: transparent;
-      font-size: 12px;
-      line-height: 22px;
-      height: 22px;
+      font-size: $--font-size-extra-small;
+      line-height: $--pagination-line-height-extra-small;
+      height: $--pagination-height-extra-small;
       min-width: 22px;
     }
 
@@ -112,19 +115,35 @@
 
     .more::before,
     li.more::before {
-      line-height: 24px;
+      line-height: $--pagination-line-height-extra-small;
     }
 
     span:not([class*=suffix]),
     button {
-      height: 22px;
-      line-height: 22px;
+      height: $--pagination-height-extra-small;
+      line-height: $--pagination-line-height-extra-small;
     }
 
     @include e(editor) {
-      height: 22px;
+      height: $--pagination-line-height-extra-small;
       &.#{$namespace}-input .#{$namespace}-input__inner {
-        height: 22px;
+        height: $--pagination-height-extra-small;
+      }
+    }
+
+    .#{$namespace}-input__inner,
+    .#{$namespace}-input--mini {
+      height: $--pagination-height-extra-small !important;
+      line-height: $--pagination-line-height-extra-small;
+    }
+
+    .#{$namespace}-input__suffix {
+      line-height: $--pagination-line-height-extra-small;
+      .#{$namespace}-input__suffix-inner {
+        line-height: $--pagination-line-height-extra-small;
+        i.el-select__caret {
+          line-height: $--pagination-line-height-extra-small;
+        }
       }
     }
   }