<?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/a54f6c046ee04c8db14301ee2c3f06e0&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/a54f6c046ee04c8db14301ee2c3f06e0-1694100203008.jpg</thumbnail_url><duration>169.46</duration><title>Spacing Variables | Colony Toolkit</title><description>In this video, I provide an overview of the spacing variables in the Colony framework. I explain how these variables are defined at the top of the Colony structure style sheet and how they are used to specify the spacing in the framework. I also discuss the base space and the five spacing variables, ranging from extra large to extra small, which are all relative to the base space. Additionally, I mention how the spacing variables can be adjusted at different breakpoints and demonstrate how to access them using CSS syntax. No specific action is requested from the viewers in this video.</description></oembed>