Add inherit as a universal color (#13258)

* add `inherit` as a hardcoded color

* add `inherit` to suggestions

* update changelog

* re-order changelog sections

Author: RobinMalfait

CHANGELOG.md

@@ -7,14 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-### Changed
+### Added
 
-- Inline `@import` rules in `tailwindcss/index.css` at publish time for better performance ([#13233](https://github.com/tailwindlabs/tailwindcss/pull/13233))
+- Add `inherit` as a universal color ([#13258](https://github.com/tailwindlabs/tailwindcss/pull/13258))
 
 ### Fixed
 
 - Validate bare values ([#13245](https://github.com/tailwindlabs/tailwindcss/pull/13245))
 
+### Changed
+
+- Inline `@import` rules in `tailwindcss/index.css` at publish time for better performance ([#13233](https://github.com/tailwindlabs/tailwindcss/pull/13233))
+
 ## [4.0.0-alpha.9] - 2024-03-13
 
 ### Added

packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap

@@ -256,6 +256,7 @@ exports[`getClassList 1`] = `
   "@container-normal",
   "absolute",
   "accent-current",
+  "accent-inherit",
   "accent-transparent",
   "align-baseline",
   "align-bottom",
@@ -389,6 +390,7 @@ exports[`getClassList 1`] = `
   "bg-gradient-to-tl",
   "bg-gradient-to-tr",
   "bg-inherit",
+  "bg-inherit",
   "bg-left",
   "bg-left-bottom",
   "bg-left-top",
@@ -414,6 +416,7 @@ exports[`getClassList 1`] = `
   "border",
   "border-b",
   "border-b-current",
+  "border-b-inherit",
   "border-b-transparent",
   "border-collapse",
   "border-current",
@@ -422,17 +425,22 @@ exports[`getClassList 1`] = `
   "border-double",
   "border-e",
   "border-e-current",
+  "border-e-inherit",
   "border-e-transparent",
   "border-hidden",
+  "border-inherit",
   "border-l",
   "border-l-current",
+  "border-l-inherit",
   "border-l-transparent",
   "border-none",
   "border-r",
   "border-r-current",
+  "border-r-inherit",
   "border-r-transparent",
   "border-s",
   "border-s-current",
+  "border-s-inherit",
   "border-s-transparent",
   "border-separate",
   "border-solid",
@@ -450,13 +458,16 @@ exports[`getClassList 1`] = `
   "border-spacing-y-4",
   "border-t",
   "border-t-current",
+  "border-t-inherit",
   "border-t-transparent",
   "border-transparent",
   "border-x",
   "border-x-current",
+  "border-x-inherit",
   "border-x-transparent",
   "border-y",
   "border-y-current",
+  "border-y-inherit",
   "border-y-transparent",
   "bottom-0.5",
   "bottom-1",
@@ -507,6 +518,7 @@ exports[`getClassList 1`] = `
   "caption-bottom",
   "caption-top",
   "caret-current",
+  "caret-inherit",
   "caret-transparent",
   "clear-both",
   "clear-end",
@@ -642,6 +654,7 @@ exports[`getClassList 1`] = `
   "decoration-dotted",
   "decoration-double",
   "decoration-from-font",
+  "decoration-inherit",
   "decoration-solid",
   "decoration-transparent",
   "decoration-wavy",
@@ -658,6 +671,7 @@ exports[`getClassList 1`] = `
   "divide-dashed",
   "divide-dotted",
   "divide-double",
+  "divide-inherit",
   "divide-none",
   "divide-solid",
   "divide-transparent",
@@ -688,6 +702,7 @@ exports[`getClassList 1`] = `
   "end-auto",
   "end-full",
   "fill-current",
+  "fill-inherit",
   "fill-transparent",
   "fixed",
   "flex-auto",
@@ -758,6 +773,7 @@ exports[`getClassList 1`] = `
   "from-90%",
   "from-95%",
   "from-current",
+  "from-inherit",
   "from-transparent",
   "gap-0.5",
   "gap-1",
@@ -858,9 +874,11 @@ exports[`getClassList 1`] = `
   "inset-ring-4",
   "inset-ring-8",
   "inset-ring-current",
+  "inset-ring-inherit",
   "inset-ring-transparent",
   "inset-shadow",
   "inset-shadow-current",
+  "inset-shadow-inherit",
   "inset-shadow-transparent",
   "inset-x-0.5",
   "inset-x-1",
@@ -1116,6 +1134,7 @@ exports[`getClassList 1`] = `
   "outline-dashed",
   "outline-dotted",
   "outline-double",
+  "outline-inherit",
   "outline-none",
   "outline-offset-0",
   "outline-offset-1",
@@ -1184,6 +1203,7 @@ exports[`getClassList 1`] = `
   "place-self-start",
   "place-self-stretch",
   "placeholder-current",
+  "placeholder-inherit",
   "placeholder-transparent",
   "pointer-events-auto",
   "pointer-events-none",
@@ -1226,13 +1246,15 @@ exports[`getClassList 1`] = `
   "ring-4",
   "ring-8",
   "ring-current",
+  "ring-inherit",
   "ring-inset",
   "ring-offset-0",
   "ring-offset-1",
   "ring-offset-2",
   "ring-offset-4",
   "ring-offset-8",
   "ring-offset-current",
+  "ring-offset-inherit",
   "ring-offset-transparent",
   "ring-transparent",
   "rotate-0",
@@ -1444,6 +1466,7 @@ exports[`getClassList 1`] = `
   "sepia-50",
   "shadow",
   "shadow-current",
+  "shadow-inherit",
   "shadow-transparent",
   "shrink",
   "shrink-0",
@@ -1512,6 +1535,7 @@ exports[`getClassList 1`] = `
   "stroke-2",
   "stroke-3",
   "stroke-current",
+  "stroke-inherit",
   "stroke-none",
   "stroke-transparent",
   "subpixel-antialiased",
@@ -1533,6 +1557,7 @@ exports[`getClassList 1`] = `
   "text-current",
   "text-ellipsis",
   "text-end",
+  "text-inherit",
   "text-justify",
   "text-left",
   "text-nowrap",
@@ -1564,6 +1589,7 @@ exports[`getClassList 1`] = `
   "to-90%",
   "to-95%",
   "to-current",
+  "to-inherit",
   "to-transparent",
   "top-0.5",
   "top-1",
@@ -1638,6 +1664,7 @@ exports[`getClassList 1`] = `
   "via-90%",
   "via-95%",
   "via-current",
+  "via-inherit",
   "via-none",
   "via-transparent",
   "visible",

packages/tailwindcss/src/__snapshots__/utilities.test.ts.snap

@@ -90,6 +90,10 @@ exports[`border-* 1`] = `
   border-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-inherit {
+  border-color: inherit;
+}
+
 .border-red-500 {
   border-color: #ef4444;
 }
@@ -199,6 +203,10 @@ exports[`border-b-* 1`] = `
   border-bottom-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-b-inherit {
+  border-bottom-color: inherit;
+}
+
 .border-b-red-500 {
   border-bottom-color: #ef4444;
 }
@@ -308,6 +316,10 @@ exports[`border-e-* 1`] = `
   border-inline-end-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-e-inherit {
+  border-inline-end-color: inherit;
+}
+
 .border-e-red-500 {
   border-inline-end-color: #ef4444;
 }
@@ -417,6 +429,10 @@ exports[`border-l-* 1`] = `
   border-left-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-l-inherit {
+  border-left-color: inherit;
+}
+
 .border-l-red-500 {
   border-left-color: #ef4444;
 }
@@ -526,6 +542,10 @@ exports[`border-r-* 1`] = `
   border-right-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-r-inherit {
+  border-right-color: inherit;
+}
+
 .border-r-red-500 {
   border-right-color: #ef4444;
 }
@@ -635,6 +655,10 @@ exports[`border-s-* 1`] = `
   border-inline-start-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-s-inherit {
+  border-inline-start-color: inherit;
+}
+
 .border-s-red-500 {
   border-inline-start-color: #ef4444;
 }
@@ -744,6 +768,10 @@ exports[`border-t-* 1`] = `
   border-top-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-t-inherit {
+  border-top-color: inherit;
+}
+
 .border-t-red-500 {
   border-top-color: #ef4444;
 }
@@ -881,6 +909,11 @@ exports[`border-x-* 1`] = `
   border-right-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-x-inherit {
+  border-left-color: inherit;
+  border-right-color: inherit;
+}
+
 .border-x-red-500 {
   border-left-color: #ef4444;
   border-right-color: #ef4444;
@@ -1021,6 +1054,11 @@ exports[`border-y-* 1`] = `
   border-bottom-color: color-mix(in srgb, currentColor 50%, transparent);
 }
 
+.border-y-inherit {
+  border-top-color: inherit;
+  border-bottom-color: inherit;
+}
+
 .border-y-red-500 {
   border-top-color: #ef4444;
   border-bottom-color: #ef4444;