When added post css astro is making every element scooped
#post css
tired sequoia
grim caveBOT
Hi @tired sequoia. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
Astro does indeed scope styles by default. This is a feature designed to prevent styles from applying to items outside the component or within child components. However, there have been reported issues where Scoped Styles and PostCSS don't work together as expected. When Astro components use Scoped Styles, they seem to bypass whatever PostCSS pipeline is implemented, causing problems when using plugins that implement things like mixins and variables (source (https://github.com/withastro/astro/issues/3358)).
Astro should be running all your styles through PostCSS before scoping them—these were designed to work together. However, if you're experiencing issues, it might be worth checking if they persist in the latest version of Astro, as some of these issues were reported during the beta period.