<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/850deb30cbb1426fb308615b886163f9&quot; frameborder=&quot;0&quot; width=&quot;1172&quot; height=&quot;879&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>879</height><width>1172</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>879</thumbnail_height><thumbnail_width>1172</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/850deb30cbb1426fb308615b886163f9-full-1688468323833.jpg</thumbnail_url><duration>224.19999999999993</duration><title>Exploring CSS Tooling for Primer primitives 🎨</title><description>Hey, so I&apos;ve been working on some CSS tooling for Prima primitives and I&apos;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&apos;re interested in learning more about CSS tooling for Prima primitives, this video is for you!</description></oembed>