From 04c5a7cfa9176cd3cd76ca9b833bfeb347d88086 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Fri, 27 Sep 2024 16:48:24 -0500
Subject: [PATCH] feat: WP-280 @mixin overlay (#402)

---
 src/lib/_imports/tools/x-overlay.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/_imports/tools/x-overlay.css b/src/lib/_imports/tools/x-overlay.css
index d3664832..81a1dbe2 100644
--- 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;
+}