Files

Kunthawat Greethong 3ed9f3f3ff 🎨 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 ✅

2026-03-10 08:21:30 +07:00

bin

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

2026-03-10 08:21:30 +07:00

data

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

2026-03-10 08:21:30 +07:00

lib

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

2026-03-10 08:21:30 +07:00

LICENSE

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

2026-03-10 08:21:30 +07:00

package.json

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

2026-03-10 08:21:30 +07:00

README.md

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

2026-03-10 08:21:30 +07:00

README.md

Autoprefixer

PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Alibaba.

Write your CSS rules without vendor prefixes (in fact, forget about them entirely):

::placeholder {
  color: gray;
}

.image {
  width: stretch;
}

Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.

::-moz-placeholder {
  color: gray;
}
::placeholder {
  color: gray;
}

.image {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}

Twitter account for news and releases: @autoprefixer.

Docs

Read full docs here.