In this Hasty Treat, Scott and Wes talk about CSS variables, a.k.a CSS Custom Properties - why you might want to use them, why they’re better than various preprocessor’s variables, and pitfalls to watch out for and avoid.
Kyle Prinsloo teaches you everything you need to know about freelancing, including how to quit your job, earn a side-income and start taking control of your life. Check it out at https://studywebdevelopment.com/freelancing and use the coupon code “syntax” at checkout to get 25% off.
3:25 - What
--example-name
, represent custom properties
called using var()
Overwrite with a more specific style
Use JavaScript to append .style.setPropert(
How are they scoped?
9:10 - Why
Uses:
Independent values for things that can’t be broken up:
Inline properties can be picked up by regular CSS (color, size, etc.)
hey
Themes that can easily be changed at runtime for entire app
19:15 - Calculations
20:10 - Bummers
📆 2018-11-28 15:00 / ⌛ 01:05:25
📆 2018-11-26 15:00 / ⌛ 00:19:15
📆 2018-11-21 15:00 / ⌛ 00:52:46
📆 2018-11-19 18:12 / ⌛ 00:24:17
📆 2018-11-14 15:00 / ⌛ 00:58:58