Over the years, I’ve changed the colours used across my website a number of times, and I’m happy with what I have now, but what I’m going to talk about today are formats for defining colours and some recent behind-the-scenes
changes I made to how I define colours on my website, making theming my website easier.
Today I’m introducing a little dash of CSS syntactic sugar I’ve been using a lot when building components recently that I’m calling the Double-Double technique.
articleAndy Bell masterfully breaks-down some of the most powerful and elegant (and my favourite too!) solutions we have in CSS today.
bookmark“Using !important with custom properties might not work as you expect.”
bookmarkFollowing the incredible high from a great conference, I just finished an extremely refreshing refactor of the CSS on my site. Here’s what I did.
articleHow to make powerful use of CSS Variables, colour spaces, and the cascade using Bowhead.
article
Memorable and maintainable design tokens in SCSS.
I recently implemented a colour scheme toggler in the footer of my website, following Andy Bell’s guide, Create a user controlled dark or light mode, and found a wonky but fun alternative solution for styling my dark theme which leverages CSS’s filter property.
articleNow that CSS Custom Properties, or CSS Variables, are becoming a solid standard, I'm using a method to map their values to CSS Variables whilst providing a value-as-is fallback using a straightforward syntax in a SCSS function and mixin.
article