tailwindcss 4.0.0-beta.2 → 4.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.css CHANGED
@@ -299,21 +299,21 @@
299
299
  --container-prose: 65ch;
300
300
 
301
301
  --text-xs: 0.75rem;
302
- --text-xs--line-height: 1rem;
302
+ --text-xs--line-height: calc(1 / 0.75);
303
303
  --text-sm: 0.875rem;
304
- --text-sm--line-height: 1.25rem;
304
+ --text-sm--line-height: calc(1.25 / 0.875);
305
305
  --text-base: 1rem;
306
- --text-base--line-height: 1.5rem;
306
+ --text-base--line-height: calc(1.5 / 1);
307
307
  --text-lg: 1.125rem;
308
- --text-lg--line-height: 1.75rem;
308
+ --text-lg--line-height: calc(1.75 / 1.125);
309
309
  --text-xl: 1.25rem;
310
- --text-xl--line-height: 1.75rem;
310
+ --text-xl--line-height: calc(1.75 / 1.25);
311
311
  --text-2xl: 1.5rem;
312
- --text-2xl--line-height: 2rem;
312
+ --text-2xl--line-height: calc(2 / 1.5);
313
313
  --text-3xl: 1.875rem;
314
- --text-3xl--line-height: 2.25rem;
314
+ --text-3xl--line-height: calc(2.25 / 1.875);
315
315
  --text-4xl: 2.25rem;
316
- --text-4xl--line-height: 2.5rem;
316
+ --text-4xl--line-height: calc(2.5 / 2.25);
317
317
  --text-5xl: 3rem;
318
318
  --text-5xl--line-height: 1;
319
319
  --text-6xl: 3.75rem;
@@ -763,7 +763,7 @@
763
763
 
764
764
  ::placeholder {
765
765
  opacity: 1; /* 1 */
766
- color: color-mix(in oklch, currentColor 50%, transparent); /* 2 */
766
+ color: color-mix(in oklab, currentColor 50%, transparent); /* 2 */
767
767
  }
768
768
 
769
769
  /*
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tailwindcss",
3
- "version": "4.0.0-beta.2",
3
+ "version": "4.0.0-beta.4",
4
4
  "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -67,7 +67,7 @@
67
67
  "@types/node": "^20.14.8",
68
68
  "lightningcss": "^1.26.0",
69
69
  "dedent": "1.5.3",
70
- "@tailwindcss/oxide": "4.0.0-beta.2"
70
+ "@tailwindcss/oxide": "4.0.0-beta.4"
71
71
  },
72
72
  "scripts": {
73
73
  "lint": "tsc --noEmit",
package/preflight.css CHANGED
@@ -290,7 +290,7 @@ textarea,
290
290
 
291
291
  ::placeholder {
292
292
  opacity: 1; /* 1 */
293
- color: color-mix(in oklch, currentColor 50%, transparent); /* 2 */
293
+ color: color-mix(in oklab, currentColor 50%, transparent); /* 2 */
294
294
  }
295
295
 
296
296
  /*
package/theme.css CHANGED
@@ -296,21 +296,21 @@
296
296
  --container-prose: 65ch;
297
297
 
298
298
  --text-xs: 0.75rem;
299
- --text-xs--line-height: 1rem;
299
+ --text-xs--line-height: calc(1 / 0.75);
300
300
  --text-sm: 0.875rem;
301
- --text-sm--line-height: 1.25rem;
301
+ --text-sm--line-height: calc(1.25 / 0.875);
302
302
  --text-base: 1rem;
303
- --text-base--line-height: 1.5rem;
303
+ --text-base--line-height: calc(1.5 / 1);
304
304
  --text-lg: 1.125rem;
305
- --text-lg--line-height: 1.75rem;
305
+ --text-lg--line-height: calc(1.75 / 1.125);
306
306
  --text-xl: 1.25rem;
307
- --text-xl--line-height: 1.75rem;
307
+ --text-xl--line-height: calc(1.75 / 1.25);
308
308
  --text-2xl: 1.5rem;
309
- --text-2xl--line-height: 2rem;
309
+ --text-2xl--line-height: calc(2 / 1.5);
310
310
  --text-3xl: 1.875rem;
311
- --text-3xl--line-height: 2.25rem;
311
+ --text-3xl--line-height: calc(2.25 / 1.875);
312
312
  --text-4xl: 2.25rem;
313
- --text-4xl--line-height: 2.5rem;
313
+ --text-4xl--line-height: calc(2.5 / 2.25);
314
314
  --text-5xl: 3rem;
315
315
  --text-5xl--line-height: 1;
316
316
  --text-6xl: 3.75rem;