Merge pull request #405 from traPtitech/fix/scssImport

scss の import 周りを修正
traPtitech · Dec 15, 2024 · fc60617 · fc60617
2 parents c9bb317 + f103118
commit fc60617
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/styles/scrollbar.scss b/src/styles/scrollbar.scss
@@ -1,3 +1,5 @@
+@use "./color" as *;
+
 ::-webkit-scrollbar {
   width: 10px;
 }

diff --git a/src/styles/toast.scss b/src/styles/toast.scss
@@ -1,3 +1,5 @@
+@use "./color" as *;
+
 .Vue-Toastification__toast--success {
   background-color: $color-primary;
 }

diff --git a/vite.config.ts b/vite.config.ts
@@ -24,11 +24,12 @@ export default defineConfig(() => ({
   css: {
     preprocessorOptions: {
       scss: {
+        api: 'modern-compiler',
         additionalData: `
-        @import "${srcPath}/styles/color.scss";
-        @import "${srcPath}/styles/z-index.scss";
-        @import "${srcPath}/styles/toast.scss";
-        @import "${srcPath}/styles/scrollbar.scss";
+        @use "${srcPath}/styles/color" as *;
+        @use "${srcPath}/styles/z-index" as *;
+        @use "${srcPath}/styles/toast" as *;
+        @use "${srcPath}/styles/scrollbar" as *;
         `
       }
     }