Hostile CSS: Fortifying System Styles Against Inherited Properties

h2 {
font-style: italic;
}
CSS style “bleed” from app to design system component.
CSS style “bleed” from app to design system component.

Add hostile CSS to your build environment

How to use

Before & after examples

Link

A default browser styled link (left). With hostile CSS applied (right)
A default browser styled link (left). With hostile CSS applied (right)

List Group

List Group with browser defaults (left). with Hostile CSS (right)
Browser defaults (left). With Hostile CSS (right)

Button

Button with no hostile CSS (left). With hostile CSS (right).
No Hostile CSS (left). With Hostile CSS (right).

Try it yourself

--

--

Husband & Father, Builder of Design Systems.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store