Преглед на файлове

fix: add solid tag hover and active color (#1440)

YannLynn преди 2 години
родител
ревизия
19d9404804
променени са 1 файла, в които са добавени 13 реда и са изтрити 4 реда
  1. 13 4
      packages/semi-foundation/tag/tag.scss

+ 13 - 4
packages/semi-foundation/tag/tag.scss

@@ -64,12 +64,12 @@ $types: "ghost", "solid", "light";
         padding-left: $spacing-tag_close-paddingLeft;
         padding-left: $spacing-tag_close-paddingLeft;
         cursor: pointer;
         cursor: pointer;
 
 
-        :hover {
-            color: $color-tag_close-icon-hover
+        &:hover {
+            color: $color-tag_close-icon-hover;
         }
         }
 
 
-        :active {
-            color: $color-tag_close-icon-active
+        &:active {
+            color: $color-tag_close-icon-active;
         }
         }
     }
     }
 
 
@@ -208,6 +208,15 @@ $types: "ghost", "solid", "light";
 .#{$module}-solid {
 .#{$module}-solid {
     .#{$module}-close {
     .#{$module}-close {
         color: $color-tag_close-icon_deep-default;
         color: $color-tag_close-icon_deep-default;
+        opacity: .8;
+
+        &:hover {
+            opacity: 1.0;
+        }
+
+        &:active {
+            opacity: .9;
+        }
     }
     }
 }
 }