place style reset in CSS base layer

[silveltman]

What version of starlight are you using?

0.23.2

What is your idea?

Place style reset in CSS base layer, or at least have the option.

Why is this feature necessary?

I'm building Fulldev UI (an Astro ui component library https://ui.full.dev) and I want the styles of the components to have low specificity so that they can be overwritten with Tailwind, Unocss etc.

Because of the low specificity (because styles are placed in a @layer fulldev {}, the starlight style reset overwrites the component styles.

The not-content class allows us to prevent some styling, but not all.

Do you have examples of this feature in other projects?

Tailwindcss V4: https://tailwindcss.com/blog/tailwindcss-v4-alpha

Participation

• I am willing to submit a pull request for this feature.

[silveltman]

Just saw the duplicate discussion, sorry. Only searched the issues.