- Overview
- Transcript
1.1 Welcome to the Course
Hello everyone and welcome. I’m Adi Purdila, and in this Envato Tuts+ course, you’ll learn everything you need to know about CSS custom properties, or as they’re also called (and as I’ll refer to them interchangeably), CSS variables.
In this course, you’ll learn about the proper syntax, naming, and what kind of values you can store. We’ll also discuss inheritance and scoping, which are two huge aspects of working with CSS variables. You’ll also learn how to use fallback values and how to work with invalid ones, and you’ll see plenty of code examples along the way.
1.Introduction
1.1Welcome to the Course01:11
2.The Basics of CSS Variables
2.1What Are CSS Variables?09:36
2.2Inheritance and Scoping23:45
2.3Working With Invalid Variables and Fallback Values11:19
2.4Using CSS Variables With Inline Styles03:49
2.5Storing Single and Multiple Values07:23
3.Some Things You Should Know About CSS Variables
3.1Using CSS Variables With Media Queries and JavaScript10:47
3.2Working With Variables Inside Browser DevTools06:10
1.1 Welcome to the Course
Hello everyone and welcome I'm Adi Purdila. And in this TATS+ course, you will learn everything you need to know about CSS custom properties, or as they're also called CSS variables. Now these contain specific values that can be reused in a StyleSheet. And they're LESS or SASS variables except you don't need a preprocessor to use them. In fact, most browsers have supported these for the past three or four years. In this course you will learn about the proper syntax naming and what kind of values you can store. We'll also discuss inheritance and scoping which are two huge aspects of working with CSS variables. You'll also learn how to use fallback values, how to work with invalid ones, and you will see plenty of code examples, along the way. All right, I'm ready to get started, so if you are as well, let's jump into the first lesson where you'll learn about the syntax of CSS variables. I'll see you there.
