Atomic styling is the only way to sort of like be able to properly override things and CSS that doesn't have to do that. So literally every single CSS property is a its own class, right? It's very similar to tailwind border bottom three would be its own class. But if it gets longer, it turns it falls back. I think past like 30 characters or something. It'll just fall back to a hash. The thing was that the way I had designed this library, the features I'd put into it didn't like it didn't map to atomic styles.

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode