@@ -6,125 +6,100 @@ module.exports = {
66 content : [ "./src/**/*.{ts,tsx}" ] ,
77 prefix : "" ,
88 theme : {
9- container : {
10- center : 'true' ,
11- padding : {
12- DEFAULT : '1rem' ,
13- lg : '1.5rem'
14- } ,
15- screens : {
16- '2xl' : '1440px'
17- }
18- } ,
19- extend : {
20- colors : {
21- border : 'hsl(var(--border))' ,
22- input : 'hsl(var(--input))' ,
23- ring : 'hsl(var(--ring))' ,
24- background : 'hsl(var(--background))' ,
25- foreground : 'hsl(var(--foreground))' ,
26- primary : {
27- DEFAULT : 'hsl(var(--primary))' ,
28- foreground : 'hsl(var(--primary-foreground))'
29- } ,
30- secondary : {
31- DEFAULT : 'hsl(var(--secondary))' ,
32- foreground : 'hsl(var(--secondary-foreground))'
33- } ,
34- destructive : {
35- DEFAULT : 'hsl(var(--destructive))' ,
36- foreground : 'hsl(var(--destructive-foreground))' ,
37- text : 'hsl(var(--destructive-text))'
38- } ,
39- success : {
40- text : 'hsl(var(--success-text))'
41- } ,
42- muted : {
43- DEFAULT : 'hsl(var(--muted))' ,
44- foreground : 'hsl(var(--muted-foreground))'
45- } ,
46- accent : {
47- DEFAULT : 'hsl(var(--accent))' ,
48- foreground : 'hsl(var(--accent-foreground))'
49- } ,
50- popover : {
51- DEFAULT : 'hsl(var(--popover))' ,
52- foreground : 'hsl(var(--popover-foreground))'
53- } ,
54- card : {
55- DEFAULT : 'hsl(var(--card))' ,
56- foreground : 'hsl(var(--card-foreground))'
57- } ,
58- inverted : {
59- DEFAULT : 'hsl(var(--inverted))' ,
60- foreground : 'hsl(var(--inverted-foreground))'
61- } ,
62- warning : {
63- text : 'hsl(var(--warning-text))'
64- } ,
65- link : {
66- foreground : 'hsl(var(--link-foreground))'
67- }
68- } ,
69- borderRadius : {
70- lg : 'var(--radius)' ,
71- md : 'calc(var(--radius) - 2px)' ,
72- sm : 'calc(var(--radius) - 4px)'
73- } ,
74- keyframes : {
75- 'accordion-down' : {
76- from : {
77- height : '0'
78- } ,
79- to : {
80- height : 'var(--radix-accordion-content-height)'
81- }
82- } ,
83- 'accordion-up' : {
84- from : {
85- height : 'var(--radix-accordion-content-height)'
86- } ,
87- to : {
88- height : '0'
89- }
90- } ,
91- 'caret-blink' : {
92- '0%,70%,100%' : {
93- opacity : '1'
94- } ,
95- '20%,50%' : {
96- opacity : '0'
97- }
98- } ,
99- 'accordion-down' : {
100- from : {
101- height : '0'
102- } ,
103- to : {
104- height : 'var(--radix-accordion-content-height)'
105- }
106- } ,
107- 'accordion-up' : {
108- from : {
109- height : 'var(--radix-accordion-content-height)'
110- } ,
111- to : {
112- height : '0'
113- }
114- }
115- } ,
116- animation : {
117- 'accordion-down' : 'accordion-down 0.2s ease-out' ,
118- 'accordion-up' : 'accordion-up 0.2s ease-out' ,
119- skeleton : 'skeleton 2s cubic-bezier(0.4, 0, 0.6, 1) infinite' ,
120- 'caret-blink' : 'caret-blink 1.25s ease-out infinite' ,
121- 'accordion-down' : 'accordion-down 0.2s ease-out' ,
122- 'accordion-up' : 'accordion-up 0.2s ease-out'
123- } ,
124- fontFamily : {
125- sans : [ "var(--font-sans)" , ...fontFamily . sans ]
126- }
127- }
9+ container : {
10+ center : true ,
11+ padding : {
12+ // 16px
13+ DEFAULT : "1rem" ,
14+ // 24px
15+ lg : "1.5rem" ,
16+ } ,
17+ screens : {
18+ "2xl" : "1440px" ,
19+ } ,
20+ } ,
21+ extend : {
22+ colors : {
23+ border : "hsl(var(--border))" ,
24+ input : "hsl(var(--input))" ,
25+ ring : "hsl(var(--ring))" ,
26+ background : "hsl(var(--background))" ,
27+ foreground : "hsl(var(--foreground))" ,
28+ primary : {
29+ DEFAULT : "hsl(var(--primary))" ,
30+ foreground : "hsl(var(--primary-foreground))" ,
31+ } ,
32+ secondary : {
33+ DEFAULT : "hsl(var(--secondary))" ,
34+ foreground : "hsl(var(--secondary-foreground))" ,
35+ } ,
36+ destructive : {
37+ DEFAULT : "hsl(var(--destructive))" ,
38+ // destructive-foreground should only be used on destructive bg
39+ foreground : "hsl(var(--destructive-foreground))" ,
40+ // destructive-text can be used on neutral bg - it's red-ish
41+ text : "hsl(var(--destructive-text))" ,
42+ } ,
43+ success : {
44+ // success-text can be used on neutral bg, it's green-ish
45+ text : "hsl(var(--success-text))" ,
46+ } ,
47+ muted : {
48+ DEFAULT : "hsl(var(--muted))" ,
49+ foreground : "hsl(var(--muted-foreground))" ,
50+ } ,
51+ accent : {
52+ DEFAULT : "hsl(var(--accent))" ,
53+ foreground : "hsl(var(--accent-foreground))" ,
54+ } ,
55+ popover : {
56+ DEFAULT : "hsl(var(--popover))" ,
57+ foreground : "hsl(var(--popover-foreground))" ,
58+ } ,
59+ card : {
60+ DEFAULT : "hsl(var(--card))" ,
61+ foreground : "hsl(var(--card-foreground))" ,
62+ } ,
63+ inverted : {
64+ DEFAULT : "hsl(var(--inverted))" ,
65+ foreground : "hsl(var(--inverted-foreground))" ,
66+ } ,
67+ warning : {
68+ text : "hsl(var(--warning-text))" ,
69+ } ,
70+ link : {
71+ foreground : "hsl(var(--link-foreground))" ,
72+ } ,
73+ } ,
74+ borderRadius : {
75+ lg : "var(--radius)" ,
76+ md : "calc(var(--radius) - 2px)" ,
77+ sm : "calc(var(--radius) - 4px)" ,
78+ } ,
79+ keyframes : {
80+ "accordion-down" : {
81+ from : { height : "0" } ,
82+ to : { height : "var(--radix-accordion-content-height)" } ,
83+ } ,
84+ "accordion-up" : {
85+ from : { height : "var(--radix-accordion-content-height)" } ,
86+ to : { height : "0" } ,
87+ } ,
88+ "caret-blink" : {
89+ "0%,70%,100%" : { opacity : "1" } ,
90+ "20%,50%" : { opacity : "0" } ,
91+ } ,
92+ } ,
93+ animation : {
94+ "accordion-down" : "accordion-down 0.2s ease-out" ,
95+ "accordion-up" : "accordion-up 0.2s ease-out" ,
96+ skeleton : "skeleton 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" ,
97+ "caret-blink" : "caret-blink 1.25s ease-out infinite" ,
98+ } ,
99+ fontFamily : {
100+ sans : [ "var(--font-sans)" , ...fontFamily . sans ] ,
101+ } ,
102+ } ,
128103 } ,
129104 plugins : [ require ( "tailwindcss-animate" ) ] ,
130105} ;
0 commit comments