locomotivemtl / astro-boilerplate

Astro project boilerplate by Locomotive
https://locomotive-astro-boilerplate.vercel.app/
MIT License
8 stars 4 forks source link

Fix PostCSS shortcut fonctions with new SCSS API #27

Closed devenini closed 3 weeks ago

devenini commented 3 weeks ago

This PR resolves an issue where the PostCSS plugin @locomotivemtl/postcss-tailwind-shortcuts was using reserved SCSS expressions, leading to conflicts when creating shortcut functions. Specifically, the recent introduction of the color module in SASS resulted in the inability to define a color() shortcut, as it is now a reserved expression in SCSS.

Changes:

  1. Updated SCSS compiler to use the modern API.
  2. Updated the @locomotivemtl/postcss-tailwind-shortcuts package.
  3. Add theme prefix to all shortcut fonctions (e.g., theme-color(dark) instead of color(dark))
vercel[bot] commented 3 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
astro-boilerplate ✅ Ready (Inspect) Visit Preview Oct 3, 2024 3:46pm