CSS Variables (Custom Properties) Tutorial

CSS Variables (known officially as CSS custom properties) are a new way of declaring dynamic data inside of your CSS sheets, which can be then referenced throughout your CSS sheet, allowing for easily updating properties.
I'll show you a couple of tricks where you can use CSS variables in CSS functions, such as the calc() function, and how to also add the variables directly to the inline style tags!
💖 SUBSCRIBE (Please) 💖
ua-cam.com/users/FollowAndrew?s...
Watch Part #4:
Live Scrimba Code: scrimba.com/scrim/co4b0429883...
🙏 Become a Patron for support! 🙏
/ followandrew
🌐 Website 🌐
followandrew.dev
#css #variables #tutorial #2021

[@FollowAndrew]

Hope you enjoy Part 3 of the 21 CSS Tips for 2021. Part 4 (logical properties) coming next!

[@JohnKomarnicki]

Very cool! Don’t really use these as much as mainly I use Scss in most of my projects, but usually I was always using them to store my background colors in!

[@Kacharina]

You are very good teacher :-)

[@Kacharina]

Thanks!

[@GerritforBazeja]

nice and helpfull

[@syediqbalahmed3176]

vola ... ocay ...