737 B
737 B
Inviqa Tailwind CSS example
This is a component from the Inviqa website that I recreated as an example for a front-end community of practice session on utility-first CSS.
The original version used a number of @apply
rules to change the appearance based on a data-theme
attribute.
After attending the Pro Tailwind theming workshop, I moved it into a Next.js application and refactored it to use CSS custom properties, and moved the button and corner styles into a custom plugin.
The flex-basis
styles have also been moved into a separate plugin.