Sass modules

diff --git a/scss/tests/mixins/_color-contrast.test.scss b/scss/tests/mixins/_color-contrast.test.scss
index 5b94ac57d61b359b9ebabd6c3417dcc111cf0390..35cf58ba5d7daefe6b5b0025eef14ab8a532f8be 100644 (file)
--- a/scss/tests/mixins/_color-contrast.test.scss
+++ b/scss/tests/mixins/_color-contrast.test.scss
@@ -1,8 +1,7 @@
-@import "../../functions";
-@import "../../variables";
-@import "../../variables-dark";
-@import "../../maps";
-@import "../../mixins";
+@use "../../functions" as *;
+@use "../../variables" as *;
+@use "../../maps" as *;
+@use "../../mixins" as *;
 
 @include describe("color-contrast function") {
   @include it("should return a color when contrast ratio equals minimum requirement (WCAG 2.1 compliance)") {

diff --git a/scss/tests/mixins/_color-modes.test.scss b/scss/tests/mixins/_color-modes.test.scss
index d42053ad70ee0f9c8fb8e2a5a7be20968bb28831..18c158025b30e6166c4b0d529f4e4290bc288a75 100644 (file)
--- a/scss/tests/mixins/_color-modes.test.scss
+++ b/scss/tests/mixins/_color-modes.test.scss
@@ -1,11 +1,10 @@
 // stylelint-disable selector-attribute-quotes
 
-@import "../../colors";
-@import "../../functions";
-@import "../../variables";
-@import "../../variables-dark";
-@import "../../maps";
-@import "../../mixins";
+@use "../../colors" as *;
+@use "../../functions" as *;
+@use "../../variables" as *;
+@use "../../maps" as *;
+@use "../../mixins" as *;
 
 @include describe("global $color-mode-type: data") {
   @include it("generates data attribute selectors for dark mode") {