Update _table.scss

janfaracik · Feb 19, 2024 · accaffd · accaffd
1 parent 5304da1
commit accaffd
Showing 1 changed file with 9 additions and 28 deletions.
diff --git a/war/src/main/scss/components/_table.scss b/war/src/main/scss/components/_table.scss
@@ -240,39 +240,20 @@
   }
 
   &__badge {
-    margin-left: 1rem !important;
+    --item-background--hover: color-mix(in srgb, currentColor 10%, transparent);
+    --item-background--active: color-mix(in srgb, currentColor 15%, transparent);
+    --item-box-shadow--focus: color-mix(in srgb, currentColor 7.5%, transparent);
 
-    &::before {
-      inset: -5px -8px;
-      border-radius: 13px;
-      background: currentColor;
-      opacity: 0.05;
-    }
+    @include mixins.item;
 
-    &::after {
-      inset: -5px -8px;
-      box-shadow: 0 0 0 10px currentColor;
-      opacity: 0;
-    }
+    margin-left: 1rem !important;
 
-    &:hover {
-      &::before {
-        background: currentColor;
-        border-radius: 6px;
-      }
+    &::before, &::after {
+      inset: -5px -8px;
     }
 
-    &:active,
-    &:focus {
-      &::before {
-        background: currentColor;
-        border-radius: 6px;
-      }
-
-      &::after {
-        box-shadow: 0 0 0 5px currentColor;
-        opacity: 0.025;
-      }
+    &::before {
+      background: color-mix(in srgb, currentColor 5%, transparent);
     }
   }
 }