feat: WP-280 @mixin overlay

TACC · Sep 26, 2024 · abd4a5d · abd4a5d
1 parent 34ffb0d
commit abd4a5d
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/lib/_imports/tools/x-overlay.css b/src/lib/_imports/tools/x-overlay.css
@@ -10,13 +10,19 @@ Styleguide Tools.Mixins.Overlay
 */
 @design-tokens url('../../tokens/v2.json') format('style-dictionary3');
 
-%x-overlay--curtain {
+@define-mixin overlay--curtain {
  color: inherit;
  background-color: rgb( from design-token('color.gray.medium') r g b / 0.65 );
  backdrop-filter: blur(6px);
 }
+%x-overlay--curtain {
+ @mixin overlay--curtain;
+}
 
-%x-overlay--callout {
+@define-mixin overlay--callout {
  color: inherit;
  background-color: rgb( from design-token('color.gray.medium') r g b / 0.90 );
 }
+%x-overlay--callout {
+ @mixin overlay--curtain;
+}