refactor: cascating layer, base css settings

yamanoku · Feb 2, 2025 · 1361ceb · 1361ceb
1 parent 843b09f
commit 1361ceb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -1,7 +1,4 @@
 ---
-import "modern-normalize";
-import "../../packages/yama-normalize";
-
 import { useTranslations } from "../i18n/util";
 
 const t = useTranslations(Astro);

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -1,5 +1,9 @@
-@import 'tailwindcss/theme.css';
-@import "tailwindcss/utilities.css";
+@layer theme, base, components, utilities;
+
+@import 'tailwindcss/theme.css' layer(theme);
+@import 'modern-normalize' layer(base);
+@import '../../packages/yama-normalize/yama-normalize.css' layer(base);
+@import "tailwindcss/utilities.css" layer(utilities);
 
 @theme {
   --spacing-y-rhythm-1: var(--y-rhythm-1);