File tree Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -27,7 +27,7 @@ module.exports = {
27
27
plugins: [
28
28
require (' @fylgja/tailwindcss-plugin-cssprops' )({
29
29
tokens: {
30
- colors : {
30
+ color : {
31
31
primary: {
32
32
DEFAULT : " 200 50% 50%" // HSL color syntax
33
33
}
@@ -50,7 +50,7 @@ const colors = require("@fylgja/colors/hsl");
50
50
module .exports = {
51
51
theme: {
52
52
extend: {
53
- colors : {
53
+ color : {
54
54
primary: {
55
55
DEFAULT : " hsl(var(--color-primary) / <alpha-value>)" ,
56
56
}
@@ -60,7 +60,7 @@ module.exports = {
60
60
plugins: [
61
61
require (' @fylgja/tailwindcss-plugin-cssprops' )({
62
62
tokens: {
63
- colors : {
63
+ color : {
64
64
primary: {
65
65
DEFAULT : colors .purple [8 ],
66
66
},
@@ -91,14 +91,14 @@ module.exports = {
91
91
plugins: [
92
92
require (' @fylgja/tailwindcss-plugin-cssprops' )({
93
93
tokens: {
94
- colors : {
94
+ color : {
95
95
primary: {
96
96
DEFAULT : " 200 50% 50%" // HSL color syntax
97
97
},
98
98
" primary-@media:dark" : {
99
99
DEFAULT : " 200 50% 50%" // HSL color syntax
100
100
},
101
- // Or use a wrapper as long as the media key is part of the group key, like "colors "
101
+ // Or use a wrapper as long as the media key is part of the group key, like "color "
102
102
" @media:dark" : {
103
103
primary: {
104
104
DEFAULT : " 200 50% 50%" // HSL color syntax
You can’t perform that action at this time.
0 commit comments