Video: Elements and Layouts
Modern CSS Design Systems
Released:
Instructor
Scott Tolinski
-
1. Getting Started
8m35s
-
2. What Is A CSS Reset?
6m17s
-
3. Classless CSS
7m20s
-
4. CSS Variables 101
4m51s
-
5. CSS Variable Scoping
5m34s
-
6. Colors and Intentions
10m25s
-
7. CSS Specificity
10m4s
-
8. Typography
14m11s
-
9. Kitchen Sink Files
14m22s
-
10. Forms and Inputs
17m26s
-
11. Buttons
17m15s
-
12. Elevations
11m13s
-
13. Elements and Layouts
17m46s
-
14. Media Queries
13m6s
-
15. The Header
24m9s
-
16. The Footer
12m34s
-
17. BEM and Cards
14m59s
-
18. When To Make New Elements
9m54s
-
19. Super Easy Dark Mode
13m13s
-
20. Super Easy Theming
9m23s
-
21. Bonus - Oled Theme and Overrides
3m56s
-
22. Where To Go From Here
3m41s
Elements and Layouts
We will now start making a component class system for layouts and elements. This is very easy to accomplish with things such as Styled Components but we will see how this can be accomplished with just using normal CSS classes.