refactor(styles): migrate from @import to @use for SCSS variables (#1030

)
hasadna · Feb 12, 2025 · 8009135 · 8009135
1 parent 618ae43
commit 8009135
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 7 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -1,7 +1,6 @@
-// import hebbo:
+@use './resources/variables';
+@use './shared/shared.css';
 @import 'https://fonts.googleapis.com/css?family=Heebo:400,500,700&display=swap';
-@import './resources/variables';
-@import './shared/shared.css';
 
 .main {
   flex-direction: row;

diff --git a/src/layout/sidebar/menu/menu.scss b/src/layout/sidebar/menu/menu.scss
@@ -1,4 +1,4 @@
-@import '../../../resources/variables';
+@use '../../../resources/variables' as *;
 
 .menu {
     flex-direction: column;

diff --git a/src/layout/sidebar/sidebar.scss b/src/layout/sidebar/sidebar.scss
@@ -1,4 +1,3 @@
-@import '../../resources/variables';
 
 .hideOnMobile {
   display: none;

diff --git a/src/pages/components/DisplayGapsPercentage.scss b/src/pages/components/DisplayGapsPercentage.scss
@@ -1,4 +1,4 @@
-@import '../../resources/variables';
+@use '../../resources/variables' as *;
 
 .gaps-percentage-displayed {
   font-weight: bold;

diff --git a/src/pages/dashboard/DashboardPage.scss b/src/pages/dashboard/DashboardPage.scss
@@ -1,4 +1,4 @@
-@import "../../resources/variables";
+@use "../../resources/variables" as *;
 
 .title {
   font-weight: 500;