element-plus-secondary 0.4.7 → 0.4.8

package/theme-chalk/src/pagination.scss

@@ -31,24 +31,28 @@
   }
 
   &:hover {
-    color: getCssVar('pagination-hover-color');
+    background: #D6E2FF;
+    border-color: #3370ff !important;
+    color: #3370ff;
+  }
+
+  &:active {
+    background: #ADC6FF;
   }
 
   &.is-active {
     color: getCssVar('pagination-hover-color');
     cursor: default;
-    font-weight: bold;
 
     &.is-disabled {
-      font-weight: bold;
       color: getCssVar('text-color', 'secondary');
     }
   }
 
   &:disabled,
   &.is-disabled {
-    color: getCssVar('pagination-button-disabled-color');
-    background-color: getCssVar('pagination-button-disabled-bg-color');
+    color: #BBBFC4;
+    background-color: #fff;
     cursor: not-allowed;
   }
 
@@ -72,8 +76,12 @@
     -moz-appearance: textfield;
   }
 
+  .#{$namespace}-icon {
+    font-size: 16px !important;
+  }
+
   .#{$namespace}-select .#{$namespace}-input {
-    width: 128px;
+    width: 93px;
   }
 
   button {
@@ -84,10 +92,23 @@
   .btn-next {
     .#{$namespace}-icon {
       display: block;
-      font-size: 12px;
-      font-weight: bold;
       width: inherit;
     }
+    &[aria-disabled="true"]:hover,
+    &[aria-disabled="true"]:active {
+      color: #BBBFC4 !important;
+      background: #fff !important;
+      border-color: #BBBFC4 !important;
+    }
+
+    &:hover {
+      background: #D6E2FF;
+      border-color: #3370ff !important;
+    }
+
+    &:active {
+      background: #ADC6FF;
+    }
   }
 
   & > * {
@@ -103,8 +124,10 @@
     margin-left: getCssVar('pagination-item-gap');
   }
 
+  
+
   @include e(sizes) {
-    margin-left: getCssVar('pagination-item-gap');
+    margin-left: 4px;
     font-weight: normal;
     color: getCssVar('text-color', 'regular');
   }
@@ -115,7 +138,7 @@
     color: getCssVar('text-color', 'regular');
 
     &[disabled='true'] {
-      color: getCssVar('text-color', 'placeholder');
+      color: #BBBFC4;
     }
   }
 
@@ -127,7 +150,7 @@
     color: getCssVar('text-color', 'regular');
 
     &[disabled='true'] {
-      color: getCssVar('text-color', 'placeholder');
+      color: #BBBFC4;
     }
 
     @include e(editor) {
@@ -162,6 +185,18 @@
 
     li {
       @include pagination-button;
+      &.more {
+        background: none !important;
+        border: none !important;
+        color: #646A73;
+        &.btn-arrow {
+          color: #3370ff;
+        }
+
+        &:hover {
+          color: #3370ff;
+        }
+      }
     }
   }
 
@@ -187,8 +222,8 @@
 
       &:disabled,
       &.is-disabled {
-        color: getCssVar('text-color', 'placeholder');
-        border-color: getCssVar('disabled-bg-color');
+        color: #BBBFC4;
+        border-color: #BBBFC4;
 
         &.is-active {
           color: getCssVar('text-color', 'secondary');