{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/37c42c6b52504cb9b2b1963f87c3bec0\" 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/37c42c6b52504cb9b2b1963f87c3bec0-1694087611539.jpg","duration":328.92,"title":"Available Root variables | Colony Toolkit","description":"In this video, I provide a detailed explanation of the available variables in the Colony style framework. I start by discussing the color variables and how they can be used in custom CSS or utility classes. Then, I explain the settings for the base HTML and how they affect website text. Next, I cover the variables for individual headings and their proportions. I also demonstrate how changing the base size or heading size can impact the overall appearance. Additionally, I discuss the utility variables for text size and background color. Throughout the video, I provide examples and explanations to help you understand and utilize these variables effectively. No specific action is requested from you, but I encourage you to experiment with the variables and apply them to your own projects."}