From 34779b4938691882c7dcc504ee005d9092b04523 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 1 Jul 2021 05:18:49 -0400 Subject: [PATCH] Update tests + defaults identifiers --- src/plugins/backdropBlur.js | 7 +- src/plugins/backdropBrightness.js | 7 +- src/plugins/backdropContrast.js | 7 +- src/plugins/backdropFilter.js | 7 +- src/plugins/backdropGrayscale.js | 7 +- src/plugins/backdropHueRotate.js | 7 +- src/plugins/backdropInvert.js | 7 +- src/plugins/backdropOpacity.js | 7 +- src/plugins/backdropSaturate.js | 7 +- src/plugins/backdropSepia.js | 7 +- src/plugins/blur.js | 7 +- src/plugins/borderColor.js | 4 +- src/plugins/borderWidth.js | 2 +- src/plugins/boxShadow.js | 4 +- src/plugins/brightness.js | 7 +- src/plugins/contrast.js | 7 +- src/plugins/dropShadow.js | 7 +- src/plugins/filter.js | 4 +- src/plugins/grayscale.js | 7 +- src/plugins/hueRotate.js | 7 +- src/plugins/invert.js | 7 +- src/plugins/ringWidth.js | 6 +- src/plugins/rotate.js | 2 +- src/plugins/saturate.js | 7 +- src/plugins/scale.js | 14 +- src/plugins/sepia.js | 7 +- src/plugins/skew.js | 4 +- src/plugins/transform.js | 4 +- tests/jit/basic-usage.test.css | 43 +++++- tests/jit/collapse-adjacent-rules.test.css | 47 ------ tests/jit/import-syntax.test.css | 47 ------ tests/jit/important-boolean.test.css | 47 ------ tests/jit/important-modifier-prefix.test.css | 47 ------ tests/jit/important-modifier.test.css | 47 ------ tests/jit/important-selector.test.css | 47 ------ tests/jit/kitchen-sink.test.css | 42 ++--- tests/jit/prefix.test.css | 47 ------ tests/jit/relative-purge-paths.test.css | 43 +++++- tests/jit/variants.test.css | 152 +++++++++++++------ 39 files changed, 332 insertions(+), 454 deletions(-) diff --git a/src/plugins/backdropBlur.js b/src/plugins/backdropBlur.js index 256e16c23..ae6ceaf56 100644 --- a/src/plugins/backdropBlur.js +++ b/src/plugins/backdropBlur.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-blur': (value) => { return { '--tw-backdrop-blur': `blur(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropBrightness.js b/src/plugins/backdropBrightness.js index 9b2d9a2c7..4589913dd 100644 --- a/src/plugins/backdropBrightness.js +++ b/src/plugins/backdropBrightness.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-brightness': (value) => { return { '--tw-backdrop-brightness': `brightness(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropContrast.js b/src/plugins/backdropContrast.js index 4b1f09cfb..e97ef0fd8 100644 --- a/src/plugins/backdropContrast.js +++ b/src/plugins/backdropContrast.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-contrast': (value) => { return { '--tw-backdrop-contrast': `contrast(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropFilter.js b/src/plugins/backdropFilter.js index a02f19a14..6c7931fe0 100644 --- a/src/plugins/backdropFilter.js +++ b/src/plugins/backdropFilter.js @@ -2,7 +2,7 @@ export default function () { return function ({ config, addBase, addUtilities, variants }) { if (config('mode') === 'jit') { addBase({ - '*, ::before, ::after': { + '@defaults backdrop-filter': { '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)', '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)', '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)', @@ -27,7 +27,10 @@ export default function () { }) addUtilities( { - '.backdrop-filter': { 'backdrop-filter': 'var(--tw-backdrop-filter)' }, + '.backdrop-filter': { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + }, '.backdrop-filter-none': { 'backdrop-filter': 'none' }, }, variants('backdropFilter') diff --git a/src/plugins/backdropGrayscale.js b/src/plugins/backdropGrayscale.js index c3adc46d2..b7b6708ca 100644 --- a/src/plugins/backdropGrayscale.js +++ b/src/plugins/backdropGrayscale.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-grayscale': (value) => { return { '--tw-backdrop-grayscale': `grayscale(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropHueRotate.js b/src/plugins/backdropHueRotate.js index e40a22876..48d0ce2c1 100644 --- a/src/plugins/backdropHueRotate.js +++ b/src/plugins/backdropHueRotate.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-hue-rotate': (value) => { return { '--tw-backdrop-hue-rotate': `hue-rotate(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropInvert.js b/src/plugins/backdropInvert.js index 46922c70b..3a82969df 100644 --- a/src/plugins/backdropInvert.js +++ b/src/plugins/backdropInvert.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-invert': (value) => { return { '--tw-backdrop-invert': `invert(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropOpacity.js b/src/plugins/backdropOpacity.js index d174c2bc3..db1cf6bb8 100644 --- a/src/plugins/backdropOpacity.js +++ b/src/plugins/backdropOpacity.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-opacity': (value) => { return { '--tw-backdrop-opacity': `opacity(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropSaturate.js b/src/plugins/backdropSaturate.js index 6c96baa41..e41e5b2d8 100644 --- a/src/plugins/backdropSaturate.js +++ b/src/plugins/backdropSaturate.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-saturate': (value) => { return { '--tw-backdrop-saturate': `saturate(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/backdropSepia.js b/src/plugins/backdropSepia.js index c21fcda42..5742ae7d6 100644 --- a/src/plugins/backdropSepia.js +++ b/src/plugins/backdropSepia.js @@ -5,7 +5,12 @@ export default function () { 'backdrop-sepia': (value) => { return { '--tw-backdrop-sepia': `sepia(${value})`, - ...(config('mode') === 'jit' ? { 'backdrop-filter': 'var(--tw-backdrop-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults backdrop-filter': {}, + 'backdrop-filter': 'var(--tw-backdrop-filter)', + } + : {}), } }, }, diff --git a/src/plugins/blur.js b/src/plugins/blur.js index f668d8f74..1e8cc17f2 100644 --- a/src/plugins/blur.js +++ b/src/plugins/blur.js @@ -5,7 +5,12 @@ export default function () { blur: (value) => { return { '--tw-blur': `blur(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/borderColor.js b/src/plugins/borderColor.js index 87e550fbc..4a2b15e9a 100644 --- a/src/plugins/borderColor.js +++ b/src/plugins/borderColor.js @@ -6,13 +6,13 @@ export default function () { if (config('mode') === 'jit') { if (!corePlugins('borderOpacity')) { addBase({ - '@defaults --tw-border-opacity': { + '@defaults border-width': { 'border-color': theme('borderColor.DEFAULT', 'currentColor'), }, }) } else { addBase({ - '@defaults --tw-border-opacity': withAlphaVariable({ + '@defaults border-width': withAlphaVariable({ color: theme('borderColor.DEFAULT', 'currentColor'), property: 'border-color', variable: '--tw-border-opacity', diff --git a/src/plugins/borderWidth.js b/src/plugins/borderWidth.js index e87e3e145..221ed7685 100644 --- a/src/plugins/borderWidth.js +++ b/src/plugins/borderWidth.js @@ -5,7 +5,7 @@ export default function () { return createUtilityPlugin( 'borderWidth', [ - ['border', ['border-width', ['@defaults --tw-border-opacity', {}]]], + ['border', ['border-width', ['@defaults border-width', {}]]], [ ['border-t', ['border-top-width']], ['border-r', ['border-right-width']], diff --git a/src/plugins/boxShadow.js b/src/plugins/boxShadow.js index 31c391c4f..8ed5d8448 100644 --- a/src/plugins/boxShadow.js +++ b/src/plugins/boxShadow.js @@ -11,7 +11,7 @@ export default function () { return function ({ config, matchUtilities, addBase, addUtilities, theme, variants }) { if (config('mode') === 'jit') { addBase({ - '@defaults --tw-shadow': { + '@defaults box-shadow': { '--tw-ring-offset-shadow': '0 0 #0000', '--tw-ring-shadow': '0 0 #0000', '--tw-shadow': '0 0 #0000', @@ -34,7 +34,7 @@ export default function () { value = transformValue(value) return { - ...(config('mode') === 'jit' ? { '@defaults --tw-shadow': {} } : {}), + ...(config('mode') === 'jit' ? { '@defaults box-shadow': {} } : {}), '--tw-shadow': value === 'none' ? '0 0 #0000' : value, 'box-shadow': defaultBoxShadow, } diff --git a/src/plugins/brightness.js b/src/plugins/brightness.js index b08b63d25..2ca040abd 100644 --- a/src/plugins/brightness.js +++ b/src/plugins/brightness.js @@ -5,7 +5,12 @@ export default function () { brightness: (value) => { return { '--tw-brightness': `brightness(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/contrast.js b/src/plugins/contrast.js index 521eaf1a2..1e9eedf63 100644 --- a/src/plugins/contrast.js +++ b/src/plugins/contrast.js @@ -5,7 +5,12 @@ export default function () { contrast: (value) => { return { '--tw-contrast': `contrast(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/dropShadow.js b/src/plugins/dropShadow.js index 674464e98..c9f2e3ea7 100644 --- a/src/plugins/dropShadow.js +++ b/src/plugins/dropShadow.js @@ -11,7 +11,12 @@ export default function () { '--tw-drop-shadow': Array.isArray(value) ? value.map((v) => `drop-shadow(${v})`).join(' ') : `drop-shadow(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), }, ] }) diff --git a/src/plugins/filter.js b/src/plugins/filter.js index 7d3cc5266..230e68222 100644 --- a/src/plugins/filter.js +++ b/src/plugins/filter.js @@ -2,7 +2,7 @@ export default function () { return function ({ config, addBase, addUtilities, variants }) { if (config('mode') === 'jit') { addBase({ - '@defaults --tw-filter': { + '@defaults filter': { '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)', '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)', '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)', @@ -27,7 +27,7 @@ export default function () { }) addUtilities( { - '.filter': { '@defaults --tw-filter': {}, filter: 'var(--tw-filter)' }, + '.filter': { '@defaults filter': {}, filter: 'var(--tw-filter)' }, '.filter-none': { filter: 'none' }, }, variants('filter') diff --git a/src/plugins/grayscale.js b/src/plugins/grayscale.js index 97bad401e..f02fd0c60 100644 --- a/src/plugins/grayscale.js +++ b/src/plugins/grayscale.js @@ -5,7 +5,12 @@ export default function () { grayscale: (value) => { return { '--tw-grayscale': `grayscale(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/hueRotate.js b/src/plugins/hueRotate.js index 8b9fa4115..10fc9483e 100644 --- a/src/plugins/hueRotate.js +++ b/src/plugins/hueRotate.js @@ -5,7 +5,12 @@ export default function () { 'hue-rotate': (value) => { return { '--tw-hue-rotate': `hue-rotate(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/invert.js b/src/plugins/invert.js index 4eb42a218..c5793723b 100644 --- a/src/plugins/invert.js +++ b/src/plugins/invert.js @@ -5,7 +5,12 @@ export default function () { invert: (value) => { return { '--tw-invert': `invert(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/ringWidth.js b/src/plugins/ringWidth.js index 41f861d0f..7db69c163 100644 --- a/src/plugins/ringWidth.js +++ b/src/plugins/ringWidth.js @@ -11,7 +11,7 @@ export default function () { if (config('mode') === 'jit') { addBase({ - '@defaults --tw-ring-shadow': { + '@defaults ring-width': { '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)', '--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'), '--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'), @@ -41,7 +41,7 @@ export default function () { { ring: (value) => { return { - ...(config('mode') === 'jit' ? { '@defaults --tw-ring-shadow': {} } : {}), + ...(config('mode') === 'jit' ? { '@defaults ring-width': {} } : {}), '--tw-ring-offset-shadow': `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`, '--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`, 'box-shadow': [ @@ -62,7 +62,7 @@ export default function () { addUtilities( { '.ring-inset': { - ...(config('mode') === 'jit' ? { '@defaults --tw-ring-shadow': {} } : {}), + ...(config('mode') === 'jit' ? { '@defaults ring-width': {} } : {}), '--tw-ring-inset': 'inset', }, }, diff --git a/src/plugins/rotate.js b/src/plugins/rotate.js index 832211a69..c3cdb817d 100644 --- a/src/plugins/rotate.js +++ b/src/plugins/rotate.js @@ -6,7 +6,7 @@ export default function () { return createUtilityPlugin('rotate', [ [ 'rotate', - [['@defaults --tw-transform', {}], '--tw-rotate', ['transform', 'var(--tw-transform)']], + [['@defaults transform', {}], '--tw-rotate', ['transform', 'var(--tw-transform)']], ], ])({ config, ...rest }) } else { diff --git a/src/plugins/saturate.js b/src/plugins/saturate.js index 192dad7ad..3b62e6e9c 100644 --- a/src/plugins/saturate.js +++ b/src/plugins/saturate.js @@ -5,7 +5,12 @@ export default function () { saturate: (value) => { return { '--tw-saturate': `saturate(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/scale.js b/src/plugins/scale.js index 95f05f758..65700be74 100644 --- a/src/plugins/scale.js +++ b/src/plugins/scale.js @@ -7,7 +7,7 @@ export default function () { [ 'scale', [ - ['@defaults --tw-transform', {}], + ['@defaults transform', {}], '--tw-scale-x', '--tw-scale-y', ['transform', 'var(--tw-transform)'], @@ -16,19 +16,11 @@ export default function () { [ [ 'scale-x', - [ - ['@defaults --tw-transform', {}], - '--tw-scale-x', - ['transform', 'var(--tw-transform)'], - ], + [['@defaults transform', {}], '--tw-scale-x', ['transform', 'var(--tw-transform)']], ], [ 'scale-y', - [ - ['@defaults --tw-transform', {}], - '--tw-scale-y', - ['transform', 'var(--tw-transform)'], - ], + [['@defaults transform', {}], '--tw-scale-y', ['transform', 'var(--tw-transform)']], ], ], ])({ config, ...rest }) diff --git a/src/plugins/sepia.js b/src/plugins/sepia.js index 0d73697e0..5edaa1d32 100644 --- a/src/plugins/sepia.js +++ b/src/plugins/sepia.js @@ -5,7 +5,12 @@ export default function () { sepia: (value) => { return { '--tw-sepia': `sepia(${value})`, - ...(config('mode') === 'jit' ? { filter: 'var(--tw-filter)' } : {}), + ...(config('mode') === 'jit' + ? { + '@defaults filter': {}, + filter: 'var(--tw-filter)', + } + : {}), } }, }, diff --git a/src/plugins/skew.js b/src/plugins/skew.js index 9f7cf2c55..741ed6bee 100644 --- a/src/plugins/skew.js +++ b/src/plugins/skew.js @@ -7,11 +7,11 @@ export default function () { [ [ 'skew-x', - [['@defaults --tw-transform', {}], '--tw-skew-x', ['transform', 'var(--tw-transform)']], + [['@defaults transform', {}], '--tw-skew-x', ['transform', 'var(--tw-transform)']], ], [ 'skew-y', - [['@defaults --tw-transform', {}], '--tw-skew-y', ['transform', 'var(--tw-transform)']], + [['@defaults transform', {}], '--tw-skew-y', ['transform', 'var(--tw-transform)']], ], ], ])({ config, ...rest }) diff --git a/src/plugins/transform.js b/src/plugins/transform.js index 64601b687..a67a063cc 100644 --- a/src/plugins/transform.js +++ b/src/plugins/transform.js @@ -2,7 +2,7 @@ export default function () { return function ({ config, addBase, addUtilities, variants }) { if (config('mode') === 'jit') { addBase({ - '@defaults --tw-transform': { + '@defaults transform': { '--tw-translate-x': '0', '--tw-translate-y': '0', '--tw-rotate': '0', @@ -24,7 +24,7 @@ export default function () { addUtilities( { '.transform': { - '@defaults --tw-transform': {}, + '@defaults transform': {}, transform: 'var(--tw-transform)', }, '.transform-cpu': { diff --git a/tests/jit/basic-usage.test.css b/tests/jit/basic-usage.test.css index e4ceeffd3..27bfd4821 100644 --- a/tests/jit/basic-usage.test.css +++ b/tests/jit/basic-usage.test.css @@ -1,6 +1,8 @@ -*, -::before, -::after { +.rotate-3, +.skew-y-12, +.skew-x-12, +.scale-95, +.transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -11,15 +13,39 @@ --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.border, +.border-2 { --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +} +.shadow, +.shadow-md, +.shadow-lg { + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; +} +.ring, +.ring-4 { --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; +} +.blur-md, +.brightness-150, +.contrast-50, +.drop-shadow-md, +.grayscale, +.hue-rotate-60, +.invert, +.saturate-200, +.sepia, +.filter { --tw-blur: var(--tw-empty, /*!*/ /*!*/); --tw-brightness: var(--tw-empty, /*!*/ /*!*/); --tw-contrast: var(--tw-empty, /*!*/ /*!*/); @@ -31,6 +57,17 @@ --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} +.backdrop-blur-lg, +.backdrop-brightness-50, +.backdrop-contrast-0, +.backdrop-grayscale, +.backdrop-hue-rotate-90, +.backdrop-invert, +.backdrop-opacity-75, +.backdrop-saturate-150, +.backdrop-sepia, +.backdrop-filter { --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); diff --git a/tests/jit/collapse-adjacent-rules.test.css b/tests/jit/collapse-adjacent-rules.test.css index 68a80c703..e671284e1 100644 --- a/tests/jit/collapse-adjacent-rules.test.css +++ b/tests/jit/collapse-adjacent-rules.test.css @@ -1,50 +1,3 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); -} @font-face { font-family: 'Poppins'; src: url('/fonts/Poppins.woff2') format('woff2'), url('/fonts/Poppins.woff') format('woff'); diff --git a/tests/jit/import-syntax.test.css b/tests/jit/import-syntax.test.css index 73c3e283c..689ddb280 100644 --- a/tests/jit/import-syntax.test.css +++ b/tests/jit/import-syntax.test.css @@ -1,50 +1,3 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); -} h1 { font-size: 32px; } diff --git a/tests/jit/important-boolean.test.css b/tests/jit/important-boolean.test.css index a61b268ac..49f6bfb64 100644 --- a/tests/jit/important-boolean.test.css +++ b/tests/jit/important-boolean.test.css @@ -1,50 +1,3 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); -} .container { width: 100%; } diff --git a/tests/jit/important-modifier-prefix.test.css b/tests/jit/important-modifier-prefix.test.css index e54af603b..8bf95f968 100644 --- a/tests/jit/important-modifier-prefix.test.css +++ b/tests/jit/important-modifier-prefix.test.css @@ -1,50 +1,3 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); -} .\!tw-container { width: 100% !important; } diff --git a/tests/jit/important-modifier.test.css b/tests/jit/important-modifier.test.css index 8003c41b2..fffcd3175 100644 --- a/tests/jit/important-modifier.test.css +++ b/tests/jit/important-modifier.test.css @@ -1,50 +1,3 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); -} .\!container { width: 100% !important; } diff --git a/tests/jit/important-selector.test.css b/tests/jit/important-selector.test.css index bf54935d1..d5ddedb6e 100644 --- a/tests/jit/important-selector.test.css +++ b/tests/jit/important-selector.test.css @@ -1,50 +1,3 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); -} .container { width: 100%; } diff --git a/tests/jit/kitchen-sink.test.css b/tests/jit/kitchen-sink.test.css index 38f26fcdd..4d81eae9a 100644 --- a/tests/jit/kitchen-sink.test.css +++ b/tests/jit/kitchen-sink.test.css @@ -126,9 +126,9 @@ } } } -*, -::before, -::after { +.scale-50, +.transform, +.hover\:scale-75 { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -139,39 +139,23 @@ --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +} +.shadow-sm, +.shadow-md, +.hover\:shadow-lg, +.md\:shadow-sm { + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; +} +.focus\:ring-2 { --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); + --tw-shadow: 0 0 #0000; } h1 { font-size: 1.5rem; diff --git a/tests/jit/prefix.test.css b/tests/jit/prefix.test.css index 718a928fa..462723d00 100644 --- a/tests/jit/prefix.test.css +++ b/tests/jit/prefix.test.css @@ -1,50 +1,3 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); -} .tw-container { width: 100%; } diff --git a/tests/jit/relative-purge-paths.test.css b/tests/jit/relative-purge-paths.test.css index d73226c60..e5ffdabd8 100644 --- a/tests/jit/relative-purge-paths.test.css +++ b/tests/jit/relative-purge-paths.test.css @@ -1,6 +1,8 @@ -*, -::before, -::after { +.rotate-3, +.skew-y-12, +.skew-x-12, +.scale-95, +.transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -11,15 +13,39 @@ --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.border, +.border-2 { --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +} +.shadow, +.shadow-md, +.shadow-lg { + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; +} +.ring, +.ring-4 { --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; +} +.blur-md, +.brightness-150, +.contrast-50, +.drop-shadow-md, +.grayscale, +.hue-rotate-60, +.invert, +.saturate-200, +.sepia, +.filter { --tw-blur: var(--tw-empty, /*!*/ /*!*/); --tw-brightness: var(--tw-empty, /*!*/ /*!*/); --tw-contrast: var(--tw-empty, /*!*/ /*!*/); @@ -31,6 +57,17 @@ --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} +.backdrop-blur-lg, +.backdrop-brightness-50, +.backdrop-contrast-0, +.backdrop-grayscale, +.backdrop-hue-rotate-90, +.backdrop-invert, +.backdrop-opacity-75, +.backdrop-saturate-150, +.backdrop-sepia, +.backdrop-filter { --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); diff --git a/tests/jit/variants.test.css b/tests/jit/variants.test.css index a80370eae..cfe240b75 100644 --- a/tests/jit/variants.test.css +++ b/tests/jit/variants.test.css @@ -1,49 +1,113 @@ -*, -::before, -::after { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-shadow: 0 0 #0000; - --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); +.first\:shadow-md, +.last\:shadow-md, +.only\:shadow-md, +.odd\:shadow-md, +.even\:shadow-md, +.first-of-type\:shadow-md, +.last-of-type\:shadow-md, +.only-of-type\:shadow-md, +.visited\:shadow-md, +.target\:shadow-md, +.default\:shadow-md, +.checked\:shadow-md, +.indeterminate\:shadow-md, +.placeholder-shown\:shadow-md, +.autofill\:shadow-md, +.required\:shadow-md, +.valid\:shadow-md, +.invalid\:shadow-md, +.in-range\:shadow-md, +.out-of-range\:shadow-md, +.read-only\:shadow-md, +.empty\:shadow-md, +.focus-within\:shadow-md, +.hover\:shadow-md, +.focus\:shadow-md, +.focus\:hover\:shadow-md, +.focus-visible\:shadow-md, +.active\:shadow-md, +.disabled\:shadow-md, +.group-first\:shadow-md, +.group-last\:shadow-md, +.group-only\:shadow-md, +.group-odd\:shadow-md, +.group-even\:shadow-md, +.group-first-of-type\:shadow-md, +.group-last-of-type\:shadow-md, +.group-only-of-type\:shadow-md, +.group-visited\:shadow-md, +.group-target\:shadow-md, +.group-default\:shadow-md, +.group-checked\:shadow-md, +.group-indeterminate\:shadow-md, +.group-placeholder-shown\:shadow-md, +.group-autofill\:shadow-md, +.group-required\:shadow-md, +.group-valid\:shadow-md, +.group-invalid\:shadow-md, +.group-in-range\:shadow-md, +.group-out-of-range\:shadow-md, +.group-read-only\:shadow-md, +.group-empty\:shadow-md, +.group-focus-within\:shadow-md, +.group-hover\:shadow-md, +.group-focus\:shadow-md, +.group-focus\:group-hover\:shadow-md, +.group-focus-visible\:shadow-md, +.group-active\:shadow-md, +.group-disabled\:shadow-md, +.group-disabled\:group-focus\:group-hover\:shadow-md, +.group-disabled\:group-focus\:group-hover\:first\:shadow-md, +.peer-first\:shadow-md, +.peer-last\:shadow-md, +.peer-only\:shadow-md, +.peer-odd\:shadow-md, +.peer-even\:shadow-md, +.peer-first-of-type\:shadow-md, +.peer-last-of-type\:shadow-md, +.peer-only-of-type\:shadow-md, +.peer-visited\:shadow-md, +.peer-target\:shadow-md, +.peer-default\:shadow-md, +.peer-checked\:shadow-md, +.peer-indeterminate\:shadow-md, +.peer-placeholder-shown\:shadow-md, +.peer-autofill\:shadow-md, +.peer-required\:shadow-md, +.peer-valid\:shadow-md, +.peer-invalid\:shadow-md, +.peer-in-range\:shadow-md, +.peer-out-of-range\:shadow-md, +.peer-read-only\:shadow-md, +.peer-empty\:shadow-md, +.peer-focus-within\:shadow-md, +.peer-hover\:shadow-md, +.peer-focus\:shadow-md, +.peer-focus\:peer-hover\:shadow-md, +.peer-focus-visible\:shadow-md, +.peer-active\:shadow-md, +.peer-disabled\:shadow-md, +.peer-disabled\:peer-focus\:peer-hover\:shadow-md, +.peer-disabled\:peer-focus\:peer-hover\:first\:shadow-md, +.ltr\:shadow-md, +.rtl\:shadow-md, +.motion-safe\:shadow-md, +.motion-reduce\:shadow-md, +.dark\:shadow-md, +.dark\:group-disabled\:group-focus\:group-hover\:shadow-md, +.dark\:peer-disabled\:peer-focus\:peer-hover\:shadow-md, +.sm\:shadow-md, +.sm\:active\:shadow-md, +.md\:shadow-md, +.md\:group-focus\:shadow-md, +.lg\:shadow-md, +.lg\:dark\:shadow-md, +.xl\:shadow-md, +.\32xl\:shadow-md, +.\32xl\:dark\:motion-safe\:focus-within\:shadow-md { --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); + --tw-shadow: 0 0 #0000; } .first-letter\:text-2xl::first-letter { font-size: 1.5rem;