[v4] How to extend a custom @utility defined in a library? #18557
Unanswered
mek-earnin
asked this question in
Help
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I use a design system with custom spacing tokens (there are also semantic tokens but in the example I only included primitive tokens).
In v3, I used something like
slide-in-from-bottom-4px
withtailwind-animate
In v4, I use
tw-animate-css
and noticed it doesn't work because it doesn't use--spacing-*
but rather--translate-*
.So I wanted to extend it by declaring another utility that uses my custom spacing tokens.
However, there's no class generated.
https://play.tailwindcss.com/FXFXz47koM?layout=horizontal&file=css
Beta Was this translation helpful? Give feedback.
All reactions