Replies: 1 comment 1 reply
-
You can do this already, like: module.exports = {
theme: {
extend: {
backgroundColor: {
primary: {
'50': 'black',
},
},
textColor: {
primary: {
'50': 'white', |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Like this:
colors: { bg: { primary: { 50: "white" } }, text: { primary: { 50: "black" } } }
output:
bg-primary-50: white
text-primary-50: black
This is more conducive to the abstraction and use of colors.
Now it can be achieved by setting a color callback function and determining the type based on the parameter opacityVariable.
But I think it might be better to modify it to exclusive, with different keys available.
Beta Was this translation helpful? Give feedback.
All reactions