Overview
Syllabus
Intro
Flex Box and Div Block’s Layout Tab
Pink Dot means that you’ve got styles
Spacing Tab
Sizes Tab
Background Tab
Hmmm… Blending issues
The Blending Truth Effects Tab
Border Tab
The Strange Opacity Effects Tab
Custom CSS
Interactions
Aspect Ratio Sizes Tab
Text and the Typography Tab
Creating a Colour Variable
Creating a Font Variable
Creating a Size Variable
The Class System
Local Styles vs Global Classes
Changing the Global Class Hover State
Applying a Class to a different widget
Overriding the Global Class with Local
Building a Component with V4 only
Editing the Component
Component Limitation
Quick tip with the new Buttons
You can style per breakpoint
Conclusion
Taught by
Web Squadron