{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/19470ebbf954405db779c5afd73cf318\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/19470ebbf954405db779c5afd73cf318-1694122670487.jpg","duration":201.83,"title":"Root Variables Overview | Colony Toolkit","description":"In this video, I provide a quick walkthrough of the CSS root variables for the Colonely framework. I explain where to find these variables in the framework style sheets and how they are used to control spacing, gaps, common widths, colors, and other elements in your project. I also demonstrate how to set and reference these variables using CSS syntax and acceptable values. By the end of the video, you will have a clear understanding of how to leverage root variables in the Colonely framework to customize your project's styling."}