From 57699a04036c542d82e7b7102d775d4d2379493d Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Tue, 12 Apr 2022 13:58:57 -0400 Subject: [PATCH] Prep for patch release (#8098) * Disable backdrop variant * Disable enabled variant * Disable border spacing utilities * Disable text-start/end utilities * Disable poll option in CLI * Disable ring color default fn * Disable dark mode class name customization * Disable support for `Document` node types * Disable rgb/hsl fns * Update tests * Temporarily disable type generation * Update changelog --- CHANGELOG.md | 14 ---- package.json | 5 +- src/cli.js | 7 ++ src/corePlugins.js | 14 ++++ src/index.js | 2 + src/util/resolveConfig.js | 2 + stubs/defaultConfig.stub.js | 2 + tests/__snapshots__/source-maps.test.js.snap | 86 ++++++++++---------- tests/basic-usage.test.css | 15 ---- tests/basic-usage.test.js | 4 +- tests/collapse-adjacent-rules.test.css | 2 - tests/dark-mode.test.js | 2 + tests/import-syntax.test.css | 2 - tests/important-boolean.test.css | 2 - tests/important-modifier-prefix.test.css | 2 - tests/important-selector.test.css | 2 - tests/kitchen-sink.test.css | 2 - tests/opacity.test.js | 2 + tests/plugins/divide.test.js | 10 --- tests/prefix.test.css | 2 - tests/util/defaults.js | 2 - tests/variants.test.css | 26 ------ tests/variants.test.js | 2 + 23 files changed, 77 insertions(+), 132 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 053f67963eab..3767d37e05e2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,7 +22,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Fix generation of `div:not(.foo)` if `.foo` is never defined ([#7815](https://github.com/tailwindlabs/tailwindcss/pull/7815)) - Allow for custom properties in `rgb`, `rgba`, `hsl` and `hsla` colors ([#7933](https://github.com/tailwindlabs/tailwindcss/pull/7933)) - Remove autoprefixer as explicit peer-dependency to avoid invalid warnings in situations where it isn't actually needed ([#7949](https://github.com/tailwindlabs/tailwindcss/pull/7949)) -- Types: allow for arbitrary theme values (for 3rd party plugins) ([#7926](https://github.com/tailwindlabs/tailwindcss/pull/7926)) - Ensure the `percentage` data type is validated correctly ([#8015](https://github.com/tailwindlabs/tailwindcss/pull/8015)) ### Changed @@ -31,19 +30,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Replace `cosmiconfig` with `lilconfig` ([#6039](https://github.com/tailwindlabs/tailwindcss/pull/6038)) - Update `cssnano` to avoid removing empty variables when minifying ([#7818](https://github.com/tailwindlabs/tailwindcss/pull/7818)) -### Added - -- Allow default ring color to be a function ([#7587](https://github.com/tailwindlabs/tailwindcss/pull/7587)) -- Add `rgb` and `hsl` color helpers for CSS variables ([#7665](https://github.com/tailwindlabs/tailwindcss/pull/7665)) -- Support PostCSS `Document` nodes ([#7291](https://github.com/tailwindlabs/tailwindcss/pull/7291)) -- Add `text-start` and `text-end` utilities ([#6656](https://github.com/tailwindlabs/tailwindcss/pull/6656)) -- Support customizing class name when using `darkMode: 'class'` ([#5800](https://github.com/tailwindlabs/tailwindcss/pull/5800)) -- Add `--poll` option to the CLI ([#7725](https://github.com/tailwindlabs/tailwindcss/pull/7725)) -- Add new `border-spacing` utilities ([#7102](https://github.com/tailwindlabs/tailwindcss/pull/7102)) -- Add `enabled` variant ([#7905](https://github.com/tailwindlabs/tailwindcss/pull/7905)) -- Add TypeScript types for the `tailwind.config.js` file ([#7891](https://github.com/tailwindlabs/tailwindcss/pull/7891)) -- Add `backdrop` variant ([#7924](https://github.com/tailwindlabs/tailwindcss/pull/7924)) - ## [3.0.23] - 2022-02-16 ### Fixed diff --git a/package.json b/package.json index 83f2571749e9..2113e108e5fa 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,6 @@ "description": "A utility-first CSS framework for rapidly building custom user interfaces.", "license": "MIT", "main": "lib/index.js", - "types": "types/index.d.ts", "repository": "https://github.com/tailwindlabs/tailwindcss.git", "bugs": "https://github.com/tailwindlabs/tailwindcss/issues", "homepage": "https://tailwindcss.com", @@ -26,7 +25,7 @@ "posttest": "npm run style", "generate:plugin-list": "node -r @swc/register scripts/create-plugin-list.js", "generate:types": "node -r @swc/register scripts/generate-types.js", - "generate": "npm run generate:plugin-list && npm run generate:types" + "generate": "npm run generate:plugin-list" }, "files": [ "src/*", @@ -36,8 +35,6 @@ "scripts/*.js", "stubs/*.stub.js", "nesting/*", - "types/**/*", - "*.d.ts", "*.css", "*.js" ], diff --git a/src/cli.js b/src/cli.js index 5770546e89a8..e9d10ebc65e9 100644 --- a/src/cli.js +++ b/src/cli.js @@ -165,10 +165,12 @@ let commands = { '--input': { type: String, description: 'Input file' }, '--output': { type: String, description: 'Output file' }, '--watch': { type: Boolean, description: 'Watch for changes and rebuild as needed' }, + /* '--poll': { type: Boolean, description: 'Use polling instead of filesystem events when watching', }, + */ '--content': { type: String, description: 'Content paths to use for removing unused classes', @@ -195,7 +197,9 @@ let commands = { '-o': '--output', '-m': '--minify', '-w': '--watch', + /* '-p': '--poll', + */ }, }, } @@ -383,7 +387,10 @@ async function build() { let input = args['--input'] let output = args['--output'] let shouldWatch = args['--watch'] + let shouldPoll = false + /* let shouldPoll = args['--poll'] + */ let shouldCoalesceWriteEvents = shouldPoll || process.platform === 'win32' let includePostCss = args['--postcss'] diff --git a/src/corePlugins.js b/src/corePlugins.js index f621b47995e7..353f4d03c928 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -27,7 +27,9 @@ export let variantPlugins = { addVariant('placeholder', '&::placeholder') + /* addVariant('backdrop', '&::backdrop') + */ addVariant('before', ({ container }) => { container.walkRules((rule) => { @@ -120,7 +122,9 @@ export let variantPlugins = { 'focus', 'focus-visible', 'active', + /* 'enabled', + */ 'disabled', ].map((variant) => (Array.isArray(variant) ? variant : [variant, `:${variant}`])) @@ -187,7 +191,10 @@ export let variantPlugins = { } if (mode === 'class') { + addVariant('dark', `.dark &`) + /* addVariant('dark', `${className} &`) + */ } else if (mode === 'media') { addVariant('dark', '@media (prefers-color-scheme: dark)') } @@ -532,6 +539,7 @@ export let corePlugins = { }) }, + /* borderSpacing: ({ addDefaults, matchUtilities, theme }) => { addDefaults('border-spacing', { '--tw-border-spacing-x': 0, @@ -566,6 +574,7 @@ export let corePlugins = { { values: theme('borderSpacing') } ) }, + */ transformOrigin: createUtilityPlugin('transformOrigin', [['origin', ['transformOrigin']]]), translate: createUtilityPlugin( @@ -1562,8 +1571,10 @@ export let corePlugins = { '.text-center': { 'text-align': 'center' }, '.text-right': { 'text-align': 'right' }, '.text-justify': { 'text-align': 'justify' }, + /* '.text-start': { 'text-align': 'start' }, '.text-end': { 'text-align': 'end' }, + */ }) }, @@ -1967,7 +1978,10 @@ export let corePlugins = { ringWidth: ({ matchUtilities, addDefaults, addUtilities, theme }) => { let ringOpacityDefault = theme('ringOpacity.DEFAULT', '0.5') let ringColorDefault = withAlphaValue( + /* theme('ringColor')?.DEFAULT, + */ + theme('ringColor.DEFAULT'), ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})` ) diff --git a/src/index.js b/src/index.js index 9e9e291eb797..5d12c5d8add1 100644 --- a/src/index.js +++ b/src/index.js @@ -15,6 +15,7 @@ module.exports = function tailwindcss(configOrPath) { function (root, result) { let context = setupTrackingContext(configOrPath) + /* if (root.type === 'document') { let roots = root.nodes.filter((node) => node.type === 'root') @@ -26,6 +27,7 @@ module.exports = function tailwindcss(configOrPath) { return } + */ processTailwindFeatures(context)(root, result) }, diff --git a/src/util/resolveConfig.js b/src/util/resolveConfig.js index ad9c22529881..49da3f0365d8 100644 --- a/src/util/resolveConfig.js +++ b/src/util/resolveConfig.js @@ -66,6 +66,7 @@ const configUtils = { {} ) }, + /* rgb(property) { if (!property.startsWith('--')) { throw new Error( @@ -96,6 +97,7 @@ const configUtils = { return `hsl(var(${property}) / ${opacityValue})` } }, + */ } function value(valueToResolve, ...args) { diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index cff789cb843f..fbefe226e478 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -194,9 +194,11 @@ module.exports = { '3xl': '1.5rem', full: '9999px', }, + /* borderSpacing: ({ theme }) => ({ ...theme('spacing'), }), + */ borderWidth: { DEFAULT: '1px', 0: '0px', diff --git a/tests/__snapshots__/source-maps.test.js.snap b/tests/__snapshots__/source-maps.test.js.snap index 0c5a91b0ff18..894feed1bd03 100644 --- a/tests/__snapshots__/source-maps.test.js.snap +++ b/tests/__snapshots__/source-maps.test.js.snap @@ -268,50 +268,48 @@ Array [ "2:4-18 -> 368:2-15", "2:18 -> 369:0", "2:4 -> 371:0", - "2:4-18 -> 372:2-26", - "2:4-18 -> 373:2-26", - "2:4-18 -> 374:2-21", - "2:4-18 -> 375:2-21", + "2:4-18 -> 372:2-21", + "2:4-18 -> 373:2-21", + "2:4-18 -> 374:2-16", + "2:4-18 -> 375:2-16", "2:4-18 -> 376:2-16", - "2:4-18 -> 377:2-16", - "2:4-18 -> 378:2-16", - "2:4-18 -> 379:2-17", - "2:4-18 -> 380:2-17", - "2:4-18 -> 381:2-15", - "2:4-18 -> 382:2-15", - "2:4-18 -> 383:2-20", - "2:4-18 -> 384:2-40", - "2:4-18 -> 385:2-17", - "2:4-18 -> 386:2-22", - "2:4-18 -> 387:2-24", - "2:4-18 -> 388:2-25", - "2:4-18 -> 389:2-26", - "2:4-18 -> 390:2-20", - "2:4-18 -> 391:2-29", - "2:4-18 -> 392:2-30", - "2:4-18 -> 393:2-40", - "2:4-18 -> 394:2-36", - "2:4-18 -> 395:2-29", - "2:4-18 -> 396:2-24", - "2:4-18 -> 397:2-32", - "2:4-18 -> 398:2-14", - "2:4-18 -> 399:2-20", - "2:4-18 -> 400:2-18", - "2:4-18 -> 401:2-19", - "2:4-18 -> 402:2-20", - "2:4-18 -> 403:2-16", - "2:4-18 -> 404:2-18", - "2:4-18 -> 405:2-15", - "2:4-18 -> 406:2-21", - "2:4-18 -> 407:2-23", - "2:4-18 -> 408:2-29", - "2:4-18 -> 409:2-27", - "2:4-18 -> 410:2-28", - "2:4-18 -> 411:2-29", - "2:4-18 -> 412:2-25", - "2:4-18 -> 413:2-26", - "2:4-18 -> 414:2-27", - "2:4 -> 415:2", - "2:18 -> 416:0", + "2:4-18 -> 377:2-17", + "2:4-18 -> 378:2-17", + "2:4-18 -> 379:2-15", + "2:4-18 -> 380:2-15", + "2:4-18 -> 381:2-20", + "2:4-18 -> 382:2-40", + "2:4-18 -> 383:2-17", + "2:4-18 -> 384:2-22", + "2:4-18 -> 385:2-24", + "2:4-18 -> 386:2-25", + "2:4-18 -> 387:2-26", + "2:4-18 -> 388:2-20", + "2:4-18 -> 389:2-29", + "2:4-18 -> 390:2-30", + "2:4-18 -> 391:2-40", + "2:4-18 -> 392:2-36", + "2:4-18 -> 393:2-29", + "2:4-18 -> 394:2-24", + "2:4-18 -> 395:2-32", + "2:4-18 -> 396:2-14", + "2:4-18 -> 397:2-20", + "2:4-18 -> 398:2-18", + "2:4-18 -> 399:2-19", + "2:4-18 -> 400:2-20", + "2:4-18 -> 401:2-16", + "2:4-18 -> 402:2-18", + "2:4-18 -> 403:2-15", + "2:4-18 -> 404:2-21", + "2:4-18 -> 405:2-23", + "2:4-18 -> 406:2-29", + "2:4-18 -> 407:2-27", + "2:4-18 -> 408:2-28", + "2:4-18 -> 409:2-29", + "2:4-18 -> 410:2-25", + "2:4-18 -> 411:2-26", + "2:4-18 -> 412:2-27", + "2:4 -> 413:2", + "2:18 -> 414:0", ] `; diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css index cd6e1e16ea19..0059eece2206 100644 --- a/tests/basic-usage.test.css +++ b/tests/basic-usage.test.css @@ -1,8 +1,6 @@ *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -254,19 +252,6 @@ .border-collapse { border-collapse: collapse; } -.border-spacing-4 { - --tw-border-spacing-x: 1rem; - --tw-border-spacing-y: 1rem; - border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); -} -.border-spacing-x-6 { - --tw-border-spacing-x: 1.5rem; - border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); -} -.border-spacing-y-8 { - --tw-border-spacing-y: 2rem; - border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); -} .origin-top-right { transform-origin: top right; } diff --git a/tests/basic-usage.test.js b/tests/basic-usage.test.js index a574ffc60d0c..8225466a6c62 100644 --- a/tests/basic-usage.test.js +++ b/tests/basic-usage.test.js @@ -152,8 +152,6 @@ test('default ring color can be a function', () => { *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -173,7 +171,7 @@ test('default ring color can be a function', () => { --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(var(--red), 0.5); + --tw-ring-color: rgb(147 197 253 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; diff --git a/tests/collapse-adjacent-rules.test.css b/tests/collapse-adjacent-rules.test.css index 5b72e0c9156a..0c152eb59827 100644 --- a/tests/collapse-adjacent-rules.test.css +++ b/tests/collapse-adjacent-rules.test.css @@ -10,8 +10,6 @@ *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/dark-mode.test.js b/tests/dark-mode.test.js index 592a1d8f02ee..3c4536986fd2 100644 --- a/tests/dark-mode.test.js +++ b/tests/dark-mode.test.js @@ -23,6 +23,7 @@ it('should be possible to use the darkMode "class" mode', () => { }) }) +/* it('should be possible to change the class name', () => { let config = { darkMode: ['class', '.test-dark'], @@ -45,6 +46,7 @@ it('should be possible to change the class name', () => { `) }) }) +*/ it('should be possible to use the darkMode "media" mode', () => { let config = { diff --git a/tests/import-syntax.test.css b/tests/import-syntax.test.css index b678a1510c04..7c690fded0d0 100644 --- a/tests/import-syntax.test.css +++ b/tests/import-syntax.test.css @@ -4,8 +4,6 @@ h1 { *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/important-boolean.test.css b/tests/important-boolean.test.css index 7b0de1c66cc4..ed4b99df5f71 100644 --- a/tests/important-boolean.test.css +++ b/tests/important-boolean.test.css @@ -1,8 +1,6 @@ *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/important-modifier-prefix.test.css b/tests/important-modifier-prefix.test.css index e1cfc168a1f0..0cb8249fb5a8 100644 --- a/tests/important-modifier-prefix.test.css +++ b/tests/important-modifier-prefix.test.css @@ -1,8 +1,6 @@ *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/important-selector.test.css b/tests/important-selector.test.css index f57fb5cd50dc..7bfef7e66dad 100644 --- a/tests/important-selector.test.css +++ b/tests/important-selector.test.css @@ -1,8 +1,6 @@ *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/kitchen-sink.test.css b/tests/kitchen-sink.test.css index ba799314b091..ece88f25fd6d 100644 --- a/tests/kitchen-sink.test.css +++ b/tests/kitchen-sink.test.css @@ -139,8 +139,6 @@ div { *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/opacity.test.js b/tests/opacity.test.js index cd18c479627a..4a0ca29e8f2c 100644 --- a/tests/opacity.test.js +++ b/tests/opacity.test.js @@ -96,6 +96,7 @@ test('colors defined as functions work when opacity plugins are disabled', () => }) }) +/* it('can use rgb helper when defining custom properties for colors (opacity plugins enabled)', () => { let config = { content: [ @@ -427,3 +428,4 @@ it('the hsl helper throws when not passing custom properties', () => { 'The hsl() helper requires a custom property name to be passed as the first argument.' ) }) +*/ diff --git a/tests/plugins/divide.test.js b/tests/plugins/divide.test.js index 6629f7239098..08ad34146f52 100644 --- a/tests/plugins/divide.test.js +++ b/tests/plugins/divide.test.js @@ -11,8 +11,6 @@ it('should add the divide styles for divide-y and a default border color', () => *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -77,8 +75,6 @@ it('should add the divide styles for divide-x and a default border color', () => *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -143,8 +139,6 @@ it('should add the divide styles for divide-y-reverse and a default border color *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -207,8 +201,6 @@ it('should add the divide styles for divide-x-reverse and a default border color *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -271,8 +263,6 @@ it('should only inject the base styles once if we use divide and border at the s *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/prefix.test.css b/tests/prefix.test.css index 97d535cda6a8..b2a66f6fe05f 100644 --- a/tests/prefix.test.css +++ b/tests/prefix.test.css @@ -1,8 +1,6 @@ *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/util/defaults.js b/tests/util/defaults.js index c233ef60de89..c4f3ccb5cb03 100644 --- a/tests/util/defaults.js +++ b/tests/util/defaults.js @@ -10,8 +10,6 @@ export function defaults({ defaultRingColor = `rgb(59 130 246 / 0.5)` } = {}) { *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; diff --git a/tests/variants.test.css b/tests/variants.test.css index 67faee4c3a92..f0a57328ab75 100644 --- a/tests/variants.test.css +++ b/tests/variants.test.css @@ -1,8 +1,6 @@ *, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; @@ -108,12 +106,6 @@ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } -.backdrop\:shadow-md::backdrop { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), - var(--tw-shadow); -} .before\:block::before { content: var(--tw-content); display: block; @@ -319,12 +311,6 @@ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.enabled\:shadow-md:enabled { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), - var(--tw-shadow); -} .disabled\:shadow-md:disabled { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); @@ -512,12 +498,6 @@ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.group:enabled .group-enabled\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), - var(--tw-shadow); -} .group:disabled .group-disabled\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); @@ -705,12 +685,6 @@ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.peer:enabled ~ .peer-enabled\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), - var(--tw-shadow); -} .peer:disabled ~ .peer-disabled\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); diff --git a/tests/variants.test.js b/tests/variants.test.js index 3f3eea73a49d..49977cd18002 100644 --- a/tests/variants.test.js +++ b/tests/variants.test.js @@ -570,6 +570,7 @@ test('The visited variant removes opacity support', () => { }) }) +/* it('appends variants to the correct place when using postcss documents', () => { let config = { content: [{ raw: html`
` }], @@ -603,3 +604,4 @@ it('appends variants to the correct place when using postcss documents', () => { `) }) }) +*/