@@ -96,8 +96,15 @@ module.exports = {
9696 'right-top' : 'right top' ,
9797 top : 'top' ,
9898 } ,
99- backgroundSize : { auto : 'auto' , cover : 'cover' , contain : 'contain' } ,
100- borderColor : ( theme ) => ( { ...theme ( 'colors' ) , DEFAULT : theme ( 'colors.gray.200' , 'currentColor' ) } ) ,
99+ backgroundSize : {
100+ auto : 'auto' ,
101+ cover : 'cover' ,
102+ contain : 'contain' ,
103+ } ,
104+ borderColor : ( theme ) => ( {
105+ ...theme ( 'colors' ) ,
106+ DEFAULT : theme ( 'colors.gray.200' , 'currentColor' ) ,
107+ } ) ,
101108 borderOpacity : ( theme ) => theme ( 'opacity' ) ,
102109 borderRadius : {
103110 none : '0' ,
@@ -110,7 +117,13 @@ module.exports = {
110117 '3xl' : '1.5rem' ,
111118 full : '9999px' ,
112119 } ,
113- borderWidth : { DEFAULT : '1px' , 0 : '0' , 2 : '2px' , 4 : '4px' , 8 : '8px' } ,
120+ borderWidth : {
121+ DEFAULT : '1px' ,
122+ 0 : '0' ,
123+ 2 : '2px' ,
124+ 4 : '4px' ,
125+ 8 : '8px' ,
126+ } ,
114127 boxShadow : {
115128 xs : '0 0 0 1px rgba(0, 0, 0, 0.05)' ,
116129 sm : '0 1px 2px 0 rgba(0, 0, 0, 0.05)' ,
@@ -137,9 +150,20 @@ module.exports = {
137150 divideOpacity : ( theme ) => theme ( 'borderOpacity' ) ,
138151 divideWidth : ( theme ) => theme ( 'borderWidth' ) ,
139152 fill : { current : 'currentColor' } ,
140- flex : { 1 : '1 1 0%' , auto : '1 1 auto' , initial : '0 1 auto' , none : 'none' } ,
141- flexGrow : { 0 : '0' , DEFAULT : '1' } ,
142- flexShrink : { 0 : '0' , DEFAULT : '1' } ,
153+ flex : {
154+ 1 : '1 1 0%' ,
155+ auto : '1 1 auto' ,
156+ initial : '0 1 auto' ,
157+ none : 'none' ,
158+ } ,
159+ flexGrow : {
160+ 0 : '0' ,
161+ DEFAULT : '1' ,
162+ } ,
163+ flexShrink : {
164+ 0 : '0' ,
165+ DEFAULT : '1' ,
166+ } ,
143167 fontFamily : {
144168 sans : [
145169 'ui-sans-serif' ,
@@ -197,8 +221,18 @@ module.exports = {
197221 } ,
198222 gap : ( theme ) => theme ( 'spacing' ) ,
199223 gradientColorStops : ( theme ) => theme ( 'colors' ) ,
200- gridAutoColumns : { auto : 'auto' , min : 'min-content' , max : 'max-content' , fr : 'minmax(0, 1fr)' } ,
201- gridAutoRows : { auto : 'auto' , min : 'min-content' , max : 'max-content' , fr : 'minmax(0, 1fr)' } ,
224+ gridAutoColumns : {
225+ auto : 'auto' ,
226+ min : 'min-content' ,
227+ max : 'max-content' ,
228+ fr : 'minmax(0, 1fr)' ,
229+ } ,
230+ gridAutoRows : {
231+ auto : 'auto' ,
232+ min : 'min-content' ,
233+ max : 'max-content' ,
234+ fr : 'minmax(0, 1fr)' ,
235+ } ,
202236 gridColumn : {
203237 auto : 'auto' ,
204238 'span-1' : 'span 1 / span 1' ,
@@ -257,8 +291,26 @@ module.exports = {
257291 'span-6' : 'span 6 / span 6' ,
258292 'span-full' : '1 / -1' ,
259293 } ,
260- gridRowStart : { auto : 'auto' , 1 : '1' , 2 : '2' , 3 : '3' , 4 : '4' , 5 : '5' , 6 : '6' , 7 : '7' } ,
261- gridRowEnd : { auto : 'auto' , 1 : '1' , 2 : '2' , 3 : '3' , 4 : '4' , 5 : '5' , 6 : '6' , 7 : '7' } ,
294+ gridRowStart : {
295+ auto : 'auto' ,
296+ 1 : '1' ,
297+ 2 : '2' ,
298+ 3 : '3' ,
299+ 4 : '4' ,
300+ 5 : '5' ,
301+ 6 : '6' ,
302+ 7 : '7' ,
303+ } ,
304+ gridRowEnd : {
305+ auto : 'auto' ,
306+ 1 : '1' ,
307+ 2 : '2' ,
308+ 3 : '3' ,
309+ 4 : '4' ,
310+ 5 : '5' ,
311+ 6 : '6' ,
312+ 7 : '7' ,
313+ } ,
262314 transformOrigin : {
263315 center : 'center' ,
264316 top : 'top' ,
@@ -335,12 +387,31 @@ module.exports = {
335387 '-full' : '-100%' ,
336388 } ) ,
337389 keyframes : {
338- spin : { to : { transform : 'rotate(360deg)' } } ,
339- ping : { '75%, 100%' : { transform : 'scale(2)' , opacity : '0' } } ,
340- pulse : { '50%' : { opacity : '.5' } } ,
390+ spin : {
391+ to : {
392+ transform : 'rotate(360deg)' ,
393+ } ,
394+ } ,
395+ ping : {
396+ '75%, 100%' : {
397+ transform : 'scale(2)' ,
398+ opacity : '0' ,
399+ } ,
400+ } ,
401+ pulse : {
402+ '50%' : {
403+ opacity : '.5' ,
404+ } ,
405+ } ,
341406 bounce : {
342- '0%, 100%' : { transform : 'translateY(-25%)' , animationTimingFunction : 'cubic-bezier(0.8,0,1,1)' } ,
343- '50%' : { transform : 'none' , animationTimingFunction : 'cubic-bezier(0,0,0.2,1)' } ,
407+ '0%, 100%' : {
408+ transform : 'translateY(-25%)' ,
409+ animationTimingFunction : 'cubic-bezier(0.8,0,1,1)' ,
410+ } ,
411+ '50%' : {
412+ transform : 'none' ,
413+ animationTimingFunction : 'cubic-bezier(0,0,0.2,1)' ,
414+ } ,
344415 } ,
345416 } ,
346417 letterSpacing : {
@@ -367,9 +438,21 @@ module.exports = {
367438 9 : '2.25rem' ,
368439 10 : '2.5rem' ,
369440 } ,
370- listStyleType : { none : 'none' , disc : 'disc' , decimal : 'decimal' } ,
371- margin : ( theme , { negative } ) => ( { auto : 'auto' , ...theme ( 'spacing' ) , ...negative ( theme ( 'spacing' ) ) } ) ,
372- maxHeight : ( theme ) => ( { ...theme ( 'spacing' ) , full : '100%' , screen : '100vh' } ) ,
441+ listStyleType : {
442+ none : 'none' ,
443+ disc : 'disc' ,
444+ decimal : 'decimal' ,
445+ } ,
446+ margin : ( theme , { negative } ) => ( {
447+ auto : 'auto' ,
448+ ...theme ( 'spacing' ) ,
449+ ...negative ( theme ( 'spacing' ) ) ,
450+ } ) ,
451+ maxHeight : ( theme ) => ( {
452+ ...theme ( 'spacing' ) ,
453+ full : '100%' ,
454+ screen : '100vh' ,
455+ } ) ,
373456 maxWidth : ( theme , { breakpoints } ) => ( {
374457 none : 'none' ,
375458 0 : '0rem' ,
@@ -390,8 +473,17 @@ module.exports = {
390473 prose : '65ch' ,
391474 ...breakpoints ( theme ( 'screens' ) ) ,
392475 } ) ,
393- minHeight : { 0 : '0' , full : '100%' , screen : '100vh' } ,
394- minWidth : { 0 : '0' , full : '100%' , min : 'min-content' , max : 'max-content' } ,
476+ minHeight : {
477+ 0 : '0' ,
478+ full : '100%' ,
479+ screen : '100vh' ,
480+ } ,
481+ minWidth : {
482+ 0 : '0' ,
483+ full : '100%' ,
484+ min : 'min-content' ,
485+ max : 'max-content' ,
486+ } ,
395487 objectPosition : {
396488 bottom : 'bottom' ,
397489 center : 'center' ,
@@ -487,9 +579,18 @@ module.exports = {
487579 6 : '6deg' ,
488580 12 : '12deg' ,
489581 } ,
490- space : ( theme , { negative } ) => ( { ...theme ( 'spacing' ) , ...negative ( theme ( 'spacing' ) ) } ) ,
491- stroke : { current : 'currentColor' } ,
492- strokeWidth : { 0 : '0' , 1 : '1' , 2 : '2' } ,
582+ space : ( theme , { negative } ) => ( {
583+ ...theme ( 'spacing' ) ,
584+ ...negative ( theme ( 'spacing' ) ) ,
585+ } ) ,
586+ stroke : {
587+ current : 'currentColor' ,
588+ } ,
589+ strokeWidth : {
590+ 0 : '0' ,
591+ 1 : '1' ,
592+ 2 : '2' ,
593+ } ,
493594 textColor : ( theme ) => theme ( 'colors' ) ,
494595 textOpacity : ( theme ) => theme ( 'opacity' ) ,
495596 transitionDuration : {
@@ -579,7 +680,15 @@ module.exports = {
579680 min : 'min-content' ,
580681 max : 'max-content' ,
581682 } ) ,
582- zIndex : { auto : 'auto' , 0 : '0' , 10 : '10' , 20 : '20' , 30 : '30' , 40 : '40' , 50 : '50' } ,
683+ zIndex : {
684+ auto : 'auto' ,
685+ 0 : '0' ,
686+ 10 : '10' ,
687+ 20 : '20' ,
688+ 30 : '30' ,
689+ 40 : '40' ,
690+ 50 : '50' ,
691+ } ,
583692 } ,
584693 variantOrder : [
585694 'first' ,
0 commit comments