Video: Elevations
Modern CSS Design Systems
Released:
-
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
Elevations
Expanding on our buttons, we will take a look at elevations. An elevation system will help us add shadows that represent different elevations for elements on our site.