Chats with Kent C. Dodds cover image

Mark Dalgleish Chats About Vanilla Extract

Chats with Kent C. Dodds

00:00

How to Import CSS Variables From React Components?

vanilla extract is a plugin for bundlers that lets you import styles without any runtime. It's similar to CSS modules in that there's an object, like a JSON object of everything you exported. And so inside of that file, you import from vanilla extract slash CSS. We have support currently for Webpack and for ES build as well. But it has the same performance characteristics of something like SAS where it all just runs at build time,. static CSS comes out the other end, and atruntime there's really no work left to do.

Play episode from 28:30
Transcript

The AI-powered Podcast Player

Save insights by tapping your headphones, chat with episodes, discover the best highlights - and more!
App store bannerPlay store banner
Get the app