Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it....
One way to work with Custom Properties is to think of them as design tokens. Colors, spacings, fonts, and whatnot. You set them at the root...
I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down. Let’s chuck a couple of custom...
I recently wrote a very basic Sass loop that outputs several padding and margin utility classes. Nothing fancy, really, just a Sass map with 11 spacing...
For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(), asin(), acos(),...
Let’s build a fully functioning and settable “analog” clock with CSS custom properties and the calc() function. Then we’ll convert it into a “digital” clock as...
Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and...
I am part of that 82% that got it wrong in Lea’s quiz (tweet version). Here’s the code: :root { --accent-color: skyblue; } div { --accent-color:...
PPK laid out an interesting situation in “Two options for using custom properties” where he and Stefan Judis had two different approaches for doing the same...
Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for...
