Skip to content

Switch to Tailwind for styling - #633

Merged
rmccue merged 67 commits into
mainfrom
tailwind-time
Aug 19, 2026
Merged

Switch to Tailwind for styling#633
rmccue merged 67 commits into
mainfrom
tailwind-time

Conversation

@rmccue

@rmccue rmccue commented Apr 8, 2026

Copy link
Copy Markdown
Member

This removes the last vestiges of the HM Pattern Library and associated tooling, moving to Tailwind instead. This brings multiple benefits:

  • Tailwind styles are scoped minimally, avoiding a huge cascade of default styles. The HM Pattern Library had big issues with this in particular, and we had a huge number of rules which required correcting back to less opinionated ones. I've cleaned up many in here, but likely not all.
  • Our styles are generally tied directly to the component, meaning that two files are required for one component. Tailwind better matches the React component style here by colocating the styles with their markup.
  • Partially through side effects from both of those, this is also much more AI-friendly, as changes can be scoped minimally. This makes it much faster to iterate and improve things.

Consider this the v1 of switching to Tailwind. There's three remaining efforts that can follow on from this:

  • Removing the SCSS layer entirely. Most of this is only here temporarily to make sure we're not breaking anything for now.
  • Switching to Tailwind Typography (i.e. prose class). This is a visual change, so is deferred from here, but this would help us significantly clean up a lot of the PostContent styles and also make display more consistent.
  • Cleaning up styles across the board. We have a bunch of styles which are duplicative (see how many custom colours we have in here eg) or very slightly differ from other bits. This is a visual and design change, so is deferred from here.

@joehoyle

joehoyle commented Apr 9, 2026

Copy link
Copy Markdown
Member

"- Required (in require-dev) package "humanmade/asset-loader" is not present in the lock file."

@rmccue

rmccue commented Apr 9, 2026

Copy link
Copy Markdown
Member Author

Just also checking if the search bar is working correctly, I'm seeing cases where it seems to be hidden.

rmccue added 3 commits April 9, 2026 18:35
Various bits of the Tailwind output in production mode were being
exorcised by cssnano. Until we update webpack-helpers for the newest
version, disable minimisation.
The ignore here was wrong.
@rmccue
rmccue merged commit 9ee609c into main Aug 19, 2026
0 of 2 checks passed
@rmccue
rmccue deleted the tailwind-time branch August 19, 2026 17:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants