fix(utils/sui-theme): opacity native functionality

SUI-Components · Dec 19, 2024 · 6232e6e · 6232e6e
1 parent aa29925
commit 6232e6e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/utils/sui-theme/src/utils/_opacity.scss b/utils/sui-theme/src/utils/_opacity.scss
@@ -4,11 +4,11 @@
 // @include bgcolor-opacity($c-black);
 
 @mixin bgcolor-opacity($color) {
-  background-color: rgba($color, 1);
+  background-color: color-mix(in srgb, $color 100%, transparent);
 
   @each $value in $c-opacity {
     &-#{$value} {
-      background-color: rgba($color, $value * 0.01);
+      background-color: color-mix(in srgb, #{$value '%'}, transparent);
     }
   }
 }
@@ -19,7 +19,7 @@
       position: relative;
 
       &::before {
-        background-color: rgba($color, $value * 0.01);
+        background-color: color-mix(in srgb, #{$value '%'}, transparent);
         content: '';
         display: block;
         height: 100%;