🎨 Fix CSS: Import global.css + plain CSS styles

CSS was not being imported! Fixed:

 Added 'import ../styles/global.css' to BaseLayout.astro
 Rewrote CSS with plain CSS (not @apply which wasn't working)
 Cookie banner has inline styles as backup
 Font size: 16px base
 Solid colors: green-600 (#16a34a), gray-900 (#111827)
 Footer has policy links

Build: 12 pages 
This commit is contained in:
Kunthawat Greethong
2026-03-10 08:21:30 +07:00
parent 0d3c8fa5b8
commit 3ed9f3f3ff
11122 changed files with 1624110 additions and 180 deletions

View File

@@ -0,0 +1,70 @@
import { createAnimationScope } from "../runtime/server/transition.js";
const EASE_IN_OUT_QUART = "cubic-bezier(0.76, 0, 0.24, 1)";
function slide({
duration
} = {}) {
return {
forwards: {
old: [
{
name: "astroFadeOut",
duration: duration ?? "90ms",
easing: EASE_IN_OUT_QUART,
fillMode: "both"
},
{
name: "astroSlideToLeft",
duration: duration ?? "220ms",
easing: EASE_IN_OUT_QUART,
fillMode: "both"
}
],
new: [
{
name: "astroFadeIn",
duration: duration ?? "210ms",
easing: EASE_IN_OUT_QUART,
delay: duration ? void 0 : "30ms",
fillMode: "both"
},
{
name: "astroSlideFromRight",
duration: duration ?? "220ms",
easing: EASE_IN_OUT_QUART,
fillMode: "both"
}
]
},
backwards: {
old: [{ name: "astroFadeOut" }, { name: "astroSlideToRight" }],
new: [{ name: "astroFadeIn" }, { name: "astroSlideFromLeft" }]
}
};
}
function fade({
duration
} = {}) {
const anim = {
old: {
name: "astroFadeOut",
duration: duration ?? 180,
easing: EASE_IN_OUT_QUART,
fillMode: "both"
},
new: {
name: "astroFadeIn",
duration: duration ?? 180,
easing: EASE_IN_OUT_QUART,
fillMode: "both"
}
};
return {
forwards: anim,
backwards: anim
};
}
export {
createAnimationScope,
fade,
slide
};