Implement @variant
#3712
Annotations
7 errors
upgrade/index.test.ts > injecting `@config` when a tailwind.config.{js,ts,…} is detected:
integrations/upgrade/index.test.ts#L1481
Error: Snapshot `injecting `@config` when a tailwind.config.{js,ts,…} is detected 1` mismatched
- Expected
+ Received
@@ -56,12 +56,10 @@
/* Inject missing @config above first @theme */
@import 'tailwindcss';
@config './tailwind.config.ts';
- @custom-variant hocus (&:hover, &:focus);
-
@theme {
--color-red-500: #f00;
}
@theme {
@@ -84,10 +82,14 @@
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
}
+ @layer utilities {
+ @custom-variant hocus (&:hover, &:focus);
+ }
+
--- ./src/root.4/index.css ---
/* Inject missing @config due to nested imports with tailwind imports */
@import './base.css';
@import './utilities.css';
❯ upgrade/index.test.ts:1481:57
❯ utils.ts:426:14
|
upgrade/index.test.ts > injecting `@config` when a tailwind.config.{js,ts,…} is detected:
integrations/upgrade/index.test.ts#L1481
Error: Snapshot `injecting `@config` when a tailwind.config.{js,ts,…} is detected 2` mismatched
- Expected
+ Received
@@ -56,12 +56,10 @@
/* Inject missing @config above first @theme */
@import 'tailwindcss';
@config './tailwind.config.ts';
- @custom-variant hocus (&:hover, &:focus);
-
@theme {
--color-red-500: #f00;
}
@theme {
@@ -84,10 +82,14 @@
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
}
+ @layer utilities {
+ @custom-variant hocus (&:hover, &:focus);
+ }
+
--- ./src/root.4/index.css ---
/* Inject missing @config due to nested imports with tailwind imports */
@import './base.css';
@import './utilities.css';
❯ upgrade/index.test.ts:1481:57
❯ utils.ts:426:14
|
upgrade/index.test.ts > injecting `@config` when a tailwind.config.{js,ts,…} is detected:
integrations/upgrade/index.test.ts#L1481
Error: Snapshot `injecting `@config` when a tailwind.config.{js,ts,…} is detected 3` mismatched
- Expected
+ Received
@@ -56,12 +56,10 @@
/* Inject missing @config above first @theme */
@import 'tailwindcss';
@config './tailwind.config.ts';
- @custom-variant hocus (&:hover, &:focus);
-
@theme {
--color-red-500: #f00;
}
@theme {
@@ -84,10 +82,14 @@
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
}
+ @layer utilities {
+ @custom-variant hocus (&:hover, &:focus);
+ }
+
--- ./src/root.4/index.css ---
/* Inject missing @config due to nested imports with tailwind imports */
@import './base.css';
@import './utilities.css';
❯ upgrade/index.test.ts:1481:57
❯ utils.ts:426:14
|
upgrade/js-config.test.ts > upgrade JS config files with flat theme values, darkMode, and content fields:
integrations/upgrade/js-config.test.ts#L158
Error: Snapshot `upgrade JS config files with flat theme values, darkMode, and content fields 1` mismatched
- Expected
+ Received
@@ -3,16 +3,16 @@
<div
class="[letter-spacing:var(--tracking-super-wide)] [line-height:var(--leading-super-loose)]"
></div>
--- src/input.css ---
+ @custom-variant dark (&:where(.dark, .dark *));
+
@import 'tailwindcss';
@source '../node_modules/my-external-lib/**/*.{html}';
- @custom-variant dark (&:where(.dark, .dark *));
-
@theme {
--shadow-*: initial;
--shadow-sm: 0 2px 6px rgb(15 23 42 / 0.08);
--color-*: initial;
❯ upgrade/js-config.test.ts:158:58
❯ utils.ts:426:14
|
upgrade/js-config.test.ts > upgrade JS config files with flat theme values, darkMode, and content fields:
integrations/upgrade/js-config.test.ts#L158
Error: Snapshot `upgrade JS config files with flat theme values, darkMode, and content fields 2` mismatched
- Expected
+ Received
@@ -3,16 +3,16 @@
<div
class="[letter-spacing:var(--tracking-super-wide)] [line-height:var(--leading-super-loose)]"
></div>
--- src/input.css ---
+ @custom-variant dark (&:where(.dark, .dark *));
+
@import 'tailwindcss';
@source '../node_modules/my-external-lib/**/*.{html}';
- @custom-variant dark (&:where(.dark, .dark *));
-
@theme {
--shadow-*: initial;
--shadow-sm: 0 2px 6px rgb(15 23 42 / 0.08);
--color-*: initial;
❯ upgrade/js-config.test.ts:158:58
❯ utils.ts:426:14
|
upgrade/js-config.test.ts > upgrade JS config files with flat theme values, darkMode, and content fields:
integrations/upgrade/js-config.test.ts#L158
Error: Snapshot `upgrade JS config files with flat theme values, darkMode, and content fields 3` mismatched
- Expected
+ Received
@@ -3,16 +3,16 @@
<div
class="[letter-spacing:var(--tracking-super-wide)] [line-height:var(--leading-super-loose)]"
></div>
--- src/input.css ---
+ @custom-variant dark (&:where(.dark, .dark *));
+
@import 'tailwindcss';
@source '../node_modules/my-external-lib/**/*.{html}';
- @custom-variant dark (&:where(.dark, .dark *));
-
@theme {
--shadow-*: initial;
--shadow-sm: 0 2px 6px rgb(15 23 42 / 0.08);
--color-*: initial;
❯ upgrade/js-config.test.ts:158:58
❯ utils.ts:426:14
|
Linux / upgrade
Process completed with exit code 1.
|