add postcss import instead of native css imports

darkroomengineering · Nov 20, 2024 · a817059 · a817059 · github-actions · Nov 20, 2024
1 parent 7432ef1
commit a817059
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/postcss.config.mjs b/postcss.config.mjs
@@ -2,6 +2,7 @@ import { breakpoints as _breakpoints, screens } from './styles/config.mjs'
 
 const postcss = {
   plugins: {
+    'postcss-import': {},
     'postcss-extend': {},
     'postcss-flexbugs-fixes': {},
     'postcss-preset-env': {

diff --git a/styles/global.css b/styles/global.css
@@ -1,8 +1,8 @@
-@import url("./_reset.css");
-@import url("./_easings.css");
-@import url("./_utils.css");
-@import url("./_font-style.css");
-@import url("./_layout.css");
+@import "./_reset";
+@import "./_easings";
+@import "./_utils";
+@import "./_font-style";
+@import "./_layout";
 
 :root {
   --header-height: mobile-vw(58px);