@@ -256,11 +256,11 @@ test('plugins can provide fallbacks to keys missing from the config', () => {
256
256
'8' : '8px' ,
257
257
} ,
258
258
plugins : [
259
- function ( { rule, atRule , addComponents, config } ) {
259
+ function ( { rule, addComponents, config } ) {
260
260
addComponents ( [
261
261
rule ( '.btn' , {
262
- 'border-radius' : config ( 'borderRadius.default' , '.25rem' )
263
- } )
262
+ 'border-radius' : config ( 'borderRadius.default' , '.25rem' ) ,
263
+ } ) ,
264
264
] )
265
265
} ,
266
266
] ,
@@ -274,10 +274,10 @@ test('plugins can provide fallbacks to keys missing from the config', () => {
274
274
` )
275
275
} )
276
276
277
- test ( ' the "@" sign is optional in at-rules' , ( ) => {
277
+ test ( " the '@' sign is optional in at-rules" , ( ) => {
278
278
const [ components , utilities ] = processPlugins ( {
279
279
plugins : [
280
- function ( { rule, atRule, addComponents } ) {
280
+ function ( { rule, atRule, addComponents } ) {
281
281
addComponents ( [
282
282
rule ( '.card' , {
283
283
padding : '.5rem' ,
@@ -291,9 +291,9 @@ test('the "@" sign is optional in at-rules', () => {
291
291
rule ( '.card' , {
292
292
padding : '1.5rem' ,
293
293
} ) ,
294
- ] )
294
+ ] ) ,
295
295
] )
296
- }
296
+ } ,
297
297
] ,
298
298
} )
299
299
@@ -316,15 +316,15 @@ test('the "@" sign is optional in at-rules', () => {
316
316
} )
317
317
318
318
test ( 'variants are optional when adding utilities' , ( ) => {
319
- const [ components , utilities ] = processPlugins ( {
319
+ const [ , utilities ] = processPlugins ( {
320
320
plugins : [
321
- function ( { rule, addUtilities } ) {
321
+ function ( { rule, addUtilities } ) {
322
322
addUtilities ( [
323
323
rule ( '.border-collapse' , {
324
- 'border-collapse' : 'collapse'
325
- } )
324
+ 'border-collapse' : 'collapse' ,
325
+ } ) ,
326
326
] )
327
- }
327
+ } ,
328
328
] ,
329
329
} )
330
330
@@ -340,33 +340,33 @@ test('variants are optional when adding utilities', () => {
340
340
test ( 'plugins can add multiple sets of utilities and components' , ( ) => {
341
341
const [ components , utilities ] = processPlugins ( {
342
342
plugins : [
343
- function ( { rule, atRule , addUtilities, addComponents } ) {
343
+ function ( { rule, addUtilities, addComponents } ) {
344
344
addComponents ( [
345
345
rule ( '.card' , {
346
346
padding : '1rem' ,
347
347
'border-radius' : '.25rem' ,
348
- } )
348
+ } ) ,
349
349
] )
350
350
351
351
addUtilities ( [
352
352
rule ( '.skew-12deg' , {
353
- transform : 'skewY(-12deg)'
354
- } )
353
+ transform : 'skewY(-12deg)' ,
354
+ } ) ,
355
355
] )
356
356
357
357
addComponents ( [
358
358
rule ( '.btn' , {
359
359
padding : '1rem .5rem' ,
360
360
display : 'inline-block' ,
361
- } )
361
+ } ) ,
362
362
] )
363
363
364
364
addUtilities ( [
365
365
rule ( '.border-collapse' , {
366
- 'border-collapse' : 'collapse'
367
- } )
366
+ 'border-collapse' : 'collapse' ,
367
+ } ) ,
368
368
] )
369
- }
369
+ } ,
370
370
] ,
371
371
} )
372
372
0 commit comments