{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/850deb30cbb1426fb308615b886163f9\" frameborder=\"0\" width=\"1172\" height=\"879\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":879,"width":1172,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":879,"thumbnail_width":1172,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/850deb30cbb1426fb308615b886163f9-full-1688468323833.jpg","duration":224.19999999999993,"title":"Exploring CSS Tooling for Primer primitives 🎨","description":"Hey, so I've been working on some CSS tooling for Prima primitives and I've created a VS Code extension that helps you pick the right variables. In this video, I demonstrate how the extension works by creating a button and filtering the relevant variables for background color, FG color, and border. I also show how the extension provides a preview of possible values and allows you to easily navigate to the documentation. Additionally, I highlight the feature that suggests the appropriate bits to produce and provides definitions as you scroll. Finally, I mention that you can copy values and open the story for more information. If you're interested in learning more about CSS tooling for Prima primitives, this video is for you!"}