The Cluster Composition
In this post, I’m going to cover how I use a snippet of CSS for laying out list items that called the Cluster
.
CSS variables
2024 1 post Permalink ¶
2023 3 posts Permalink ¶
Can you teach an old design system new colours?
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.
Double-Double
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.
articleSome simple ways to make content look good
Andy Bell masterfully breaks-down some of the most powerful and elegant (and my favourite too!) solutions we have in CSS today.
bookmark2022 2 posts Permalink ¶
!important custom properties
“Using !important with custom properties might not work as you expect.”
bookmarkThe Beloved Refactor
Following 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.
article2021 1 post Permalink ¶
Deep Dive into Colour
How to make powerful use of CSS Variables, colour spaces, and the cascade using Bowhead.
article2020 1 post Permalink ¶
Bowhead
Memorable and maintainable design tokens in SCSS.
2019 1 post Permalink ¶
The Flip-Flop Technique
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.
article2018 1 post Permalink ¶
Variables for Both
Now 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