Lumos V2.1 Crash Course (Webflow Framework)

💎 Webflow Wizards Community The ultimate community to improve your skills and connect with like-minded Webflow Developers https://www.timothyricks.com/community 👨‍💻 Consulting Sessions https://www.timothyricks.com/consulting Get the Lumos Styleguide (affiliate link) https://try.webflow.com/tricks?path=l... Lumos Docs https://lumos.timothyricks.com/ Timestamps 00:00:00 - Intro 00:00:35 - Starting Resources 00:01:14 - Figma File 00:02:22 - Component Groups 00:03:33 - Page Structure 00:05:38 - Component First Mindset 00:06:17 - Developing With Components 00:09:06 - Component Variants 00:09:58 - Open Vs Closed Components 00:12:45 - Slots in Closed Components 00:14:21 - Custom Components 00:16:10 - Custom Classes 00:18:37 - Duplicating Section Custom Component 00:19:58 - Closed Component Advantage 00:20:37 - Automatic Spacing 00:22:32 - Margin Trim 00:24:05 - u-child-contain 00:26:15 - Breakpointless Layouts 00:27:02 - Fluid Sizes 00:30:34 - Avoid PX 00:31:26 - Breakpointless Mindset 00:31:55 - Grids 00:35:40 - Unset Above or Below 00:36:45 - Custom Class Grids 00:39:34 - All Variables 00:40:50 - Focus Outline Variables 00:41:49 - Color Swatch Variables 00:44:16 - Theme Variable Collection 00:45:27 - Selection Color Variables 00:46:05 - Button Color Variables 00:47:40 - Text Link Variables 00:48:18 - Adding New Button Modes 00:51:18 - Typography Variables 00:52:24 - Trim Top & Bottom Variables 00:55:16 - Other Typography Variables 00:55:30 - Text Style Collection 00:56:12 - Spacing Variables 00:56:47 - Other Variable Collections 00:57:10 - Flex Classes 00:59:52 - Visual Components 1:01:00 - Clickable Component 1:02:33 - Icon Components 1:04:04 - Code Components