Use custom property refs when applying screen variables (#2049)

sebnitu · Sep 27, 2024 · 14fc834 · 14fc834
1 parent 1b0aacb
commit 14fc834
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/drawer/src/scss/_drawer_modal.scss b/packages/drawer/src/scss/_drawer_modal.scss
@@ -21,7 +21,7 @@
     inset: 0;
     width: 100%;
     height: 100%;
-    background-color: css.get("drawer", "screen-color", core.$screen-color);
+    background-color: css.get("drawer", "screen-color", css.get("screen-color"));
     opacity: 0;
   }
 
@@ -72,7 +72,7 @@
   transform: translateX(0);
 
   &::before {
-    opacity: css.get("drawer", "screen-opacity", core.$screen-opacity);
+    opacity: css.get("drawer", "screen-opacity", css.get("screen-opacity"));
   }
 
   #{core.bem("drawer", "dialog")} {

diff --git a/packages/modal/src/scss/_modal.scss b/packages/modal/src/scss/_modal.scss
@@ -27,7 +27,7 @@
     inset: 0;
     width: 100%;
     height: 100%;
-    background-color: css.get("modal", "screen-color", core.$screen-color);
+    background-color: css.get("modal", "screen-color", css.get("screen-color"));
     opacity: 0;
   }
 }
@@ -57,7 +57,7 @@
   visibility: visible;
   width: 100%;
   height: 100%;
-  padding: css.get("modal", "screen-padding", core.$screen-padding);
+  padding: css.get("modal", "screen-padding", css.get("screen-padding"));
 }
 
 #{core.bem("modal")}.is-opening,
@@ -76,7 +76,7 @@
 #{core.bem("modal")}.is-opening,
 #{core.bem("modal")}.is-opened {
   &::before {
-    opacity: css.get("modal", "screen-opacity", core.$screen-opacity);
+    opacity: css.get("modal", "screen-opacity", css.get("screen-opacity"));
   }
 
   #{core.bem("modal", "dialog")} {