Initial commit: MoreminiMore redesign with Astro
This commit is contained in:
35
src/styles/global.css
Normal file
35
src/styles/global.css
Normal file
@@ -0,0 +1,35 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme {
|
||||
--color-primary: #fed400;
|
||||
--color-primary-hover: #e5c000;
|
||||
--color-secondary: #000000;
|
||||
--color-accent: #e8e8e8;
|
||||
--color-text: #0f0f0f;
|
||||
|
||||
--font-sans: 'Noto Sans Thai', system-ui, sans-serif;
|
||||
--font-display: 'Kanit', var(--font-sans);
|
||||
}
|
||||
|
||||
@layer base {
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-sans);
|
||||
color: var(--color-text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: var(--font-display);
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.text-primary { color: var(--color-primary); }
|
||||
.bg-primary { background-color: var(--color-primary); }
|
||||
.hover\:bg-primary-hover:hover { background-color: var(--color-primary-hover); }
|
||||
}
|
||||
Reference in New Issue
Block a user