Disable CSS reset via config or other means

[jamiethorpe]

I've recently been documenting a UI library using Vitepress and have found myself having to override a number of styles so that my components look the same as in the rest of my applications. I also noticed this only occurred after switching from 0.22.4 to 1.0.0-alpha.21.

It would be extremely useful to be able to either disable the CSS reset via a config property, or even by wrapping sections with a particular tag. Is that something that would be possible?

That aside, it's an awesome tool for documentation.

[jamiethorpe]

I'm not 100% certain it's only, the CSS reset, but what lead me to believe it was the reset was that I could add the following styles to get my inputs looking how they did in 0.22.4 and in other applications.

input {
    border: solid;
}

Result

Whereas if I add the same for inputs within vp-doc, I get a result that requires a bit more styling to get back to the same result:

.vp-doc input {
    border: solid;
}

Result

I have found myself needing to target selectors within vp-doc as well though, so it really could be a mix of both.

@brc-dd also mentioned https://whyframe.dev/docs/integrations/vitepress earlier in Discord, so that could be a solid solution.

[gorlanova]

I don't know if you see updates under my own reply, but in case, there's a solution :
#1518 (reply in thread)

[gorlanova]

I came here looking for a fix, and stumbled upon this thread, I'm having the exact same issue, it would be amazing to be able to pass a class or attribute to a wrapper for my lib demos, rather than overriding vitepress styling on every component :)

[brc-dd]

Refer the style-isolation part of this - https://vitepress.dev/guide/markdown#raw -- you'll need to add vp-raw class to your lib demos (or any of their parent wrappers). It will disable only the base styles by default. You can configure it to include doc styles as well - includeFiles: [/vp-doc\.css/, /base\.css/] (you might need to adjust the file regexes depending on your setup).

[gorlanova]

Oh fab ! Thank you SO MUCH for that tip that's going to make things way easier !
And thanks for everything else, Vitepress is such a great tool