{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/27734bcbab4b43fa96d6f9b0058bbbb8\" 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/27734bcbab4b43fa96d6f9b0058bbbb8-1694025090886.jpg","duration":118.84,"title":"Framework Overview | Colony Toolkit","description":"In this video, I provide a quick walkthrough of the Colony Framework, a lightweight toolkit for building websites. Similar to Bootstrap, but more focused on front-end web development and creating a unique look for a website. The main features of Colony are its speed of build, quick site setup, and consistent display across different screen sizes. I explain the core principle of using root variables to declare spacing, sizing, and common styles centrally, which can be accessed through CSS variables or utility classes. I also cover short-hand classes for margins, padding, layout, positioning, and handling flex and grid. Watch the video for a comprehensive overview and check out the individual sections for more details."}