💄 [cursor] fix checkbox,input,switch cursor

shuimo-design · Jul 9, 2023 · 9207b4e · 9207b4e
1 parent fefe4b7
commit 9207b4e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/packages/core/lib/base/checkbox/checkbox.css b/packages/core/lib/base/checkbox/checkbox.css
@@ -13,7 +13,7 @@
 }
 
 .m-checkbox-checkbox {
-  @extend .m-cursor-pointer;
+  cursor: var(--m-cursor-pointer);
   grid-area: checkbox;
   display: inline-block;
   height: 24px;

diff --git a/packages/core/lib/base/input/input.css b/packages/core/lib/base/input/input.css
@@ -3,7 +3,6 @@
 **/
 
 .m-input {
-  @extend .m-cursor-pointer;
 
   --m-input-w: 244px;
   --m-color-disabled: #DBDADD;
@@ -39,6 +38,7 @@
 }
 
 .m-input-inner {
+  cursor: var(--m-cursor-pointer);
   background-color: unset !important;
   background-repeat: no-repeat !important;
   padding: 0 10px;
@@ -49,6 +49,7 @@
 }
 
 .m-textarea-inner {
+  cursor: var(--m-cursor-pointer);
   padding: 10px;
   width: calc(100% - 10px);
   height: calc(100% - 20px);

diff --git a/packages/core/lib/base/switch/switch.css b/packages/core/lib/base/switch/switch.css
@@ -53,7 +53,7 @@
     transition: all 1s;
 
     .m-switch-core-border {
-      @extend .m-cursor-pointer;
+      cursor: var(--m-cursor-pointer);
       width: var(--m-switch-core-border-w);
       height: var(--m-switch-core-border-h);
       background: url(./assets/core.webp) no-repeat;
@@ -88,7 +88,7 @@
 
   &.m-switch-loading {
     .m-switch-core-border {
-      @extend .m-cursor-disabled;
+      cursor: var(--m-cursor-disabled);
     }
 
     .m-switch-core {
@@ -98,7 +98,7 @@
 
   &.m-switch-disabled {
     .m-switch-core-border {
-      @extend .m-cursor-disabled;
+      cursor: var(--m-cursor-disabled);
     }
 
     --m-switch-core-bg-disabled: white;