tailwind-variants
tailwind-variants copied to clipboard
When applying the className generated using the `tv` function, the color is not applied to the `::after` pseudo text.
Describe the bug
When applying the className generated using the tv function, the color is not applied to the ::after pseudo text.
However, the color is applied when the text is written as is.
To Reproduce Steps to reproduce the behavior:
- Applying color using the
tvfunction. - Write the class name directly.
Expected behavior
Even when using the tv function, the color is applied to the ::after text.
Screenshots
-
bug
-
normal
Desktop (please complete the following information):
- OS: macOS
- Browser: Chrome
- Version: 133.0.6943.127
Additional context
"tailwind-variants": "^0.3.1"
"postcss": "^8",
"tailwindcss": "^3.4.1"
// typography tv function
const typography = tv({
base: "text-inherit",
variants: {
color: {
primary: "text-neutral-1000",
secondary: "text-metal-700",
disabled: "text-neutral-300",
focus: "text-teal-600",
reversed: "text-white-100",
error: "text-orange-700",
skyblue: "text-skyblue-700",
gold: "text-yellow-800",
},
},
});