Lessons: 8Length: 1.2 hours
CSS custom properties, also known as CSS variables, are entities that contain specific values that can be reused in a stylesheet. They are like LESS or Sass variables, except you don’t need a preprocessor to use them. In fact, browsers have supported them for the past few years.
In this course, you’ll learn everything you need to know in order to use CSS variables in the most efficient way. You’ll learn about the proper syntax, naming, and what kind of values you can store, and you’ll also see a lot of examples along the way.
1.Introduction
1.1Welcome to the Course01:11
1.1
Welcome to the Course
01:11
2.The Basics of CSS Variables
2.1What Are CSS Variables?09:36
2.1
What Are CSS Variables?
09:36
2.2Inheritance and Scoping23:45
2.2
Inheritance and Scoping
23:45
2.3Working With Invalid Variables and Fallback Values11:19
2.3
Working With Invalid Variables and Fallback Values
11:19
2.4Using CSS Variables With Inline Styles03:49
2.4
Using CSS Variables With Inline Styles
03:49
2.5Storing Single and Multiple Values07:23
2.5
Storing Single and Multiple Values
07:23
3.Some Things You Should Know About CSS Variables
3.1Using CSS Variables With Media Queries and JavaScript10:47
3.1
Using CSS Variables With Media Queries and JavaScript
10:47
3.2Working With Variables Inside Browser DevTools06:10
3.2
Working With Variables Inside Browser DevTools
06:10
