浏览代码

style: modify the priority of inner-pureCardType selector in Checkbox (#962)

YyumeiZhang 3 年之前
父节点
当前提交
6d36ea289e
共有 1 个文件被更改,包括 9 次插入9 次删除
  1. 9 9
      packages/semi-foundation/checkbox/checkbox.scss

+ 9 - 9
packages/semi-foundation/checkbox/checkbox.scss

@@ -101,15 +101,6 @@ $module: #{$prefix}-checkbox;
                 font-size: 16px;
                 font-size: 16px;
             }
             }
         }
         }
-
-        &-pureCardType {
-            // Reasons to use opacity:0 & width: 0 instead of display: none
-            // The a11y keyboard focus event of the checkbox depends on the implementation of the input focus/blur event
-            // input focus/blur cannot take effect when display: none
-            opacity: 0;
-            width: 0;
-            margin-right: 0 !important;
-        }
     }
     }
 
 
     &-inner-checked {
     &-inner-checked {
@@ -196,6 +187,15 @@ $module: #{$prefix}-checkbox;
             flex-shrink: 0;
             flex-shrink: 0;
         }
         }
 
 
+        .#{$module}-inner-pureCardType {
+            // Reasons to use opacity:0 & width: 0 instead of display: none
+            // The a11y keyboard focus event of the checkbox depends on the implementation of the input focus/blur event
+            // input focus/blur cannot take effect when display: none
+            opacity: 0;
+            width: 0;
+            margin-right: 0;
+        }
+
         .#{$module}-addon {
         .#{$module}-addon {
             font-weight: $font-checkbox_cardType_addon-fontWeight;
             font-weight: $font-checkbox_cardType_addon-fontWeight;
             font-size: $font-checkbox_cardType_addon-size;
             font-size: $font-checkbox_cardType_addon-size;