This repository has been archived by the owner on Apr 11, 2024. It is now read-only.
Add ring-*
utilities
- ring-{width}
- ring-{color}
- ring-{offset-width}
- ring-offset-{color}
- ring-inset
These utilities let you apply custom 'ring borders' around any element. This is is good for focus styles on form inputs and the like. This idea is taken from Tailwind and makes use of custom properties and some trickery with variables to make it work. You can see here how the wizard team behind Tailwind made it.