Accessing and Updating CSS Variables (Custom Properties) with JavaScript

CSS variables (or custom properties) are powerful additions to CSS. Among other features, they allow you to live update the DOM in JavaScript. Dynamically updating CSS variables will make it...

CSS :root Selector (vs. html) by Example

Understanding the CSS :root selector vs. html selector by example

HSL (and HSLa) Colors in CSS

In this example, we'll learn to use the HSL (and HSLa) color scheme for defining colors in CSS.