From 6f17df6ca498c466e077a4c0919876cfcac0f605 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 4 Feb 2023 14:30:59 +0700 Subject: [PATCH 1/2] Avoid inheritance issues on border-width utilities --- scss/_utilities.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 5ffb3feb8237..9d4123d77411 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -177,8 +177,9 @@ $utilities: map-merge( values: $utilities-border-subtle ), "border-width": ( - css-var: true, - css-variable-name: border-width, + property: border-width, + // css-var: true, + // css-variable-name: border-width, class: border, values: $border-widths ), From 46b8fcfb049a3c91b80e28e2673cc1ca356717d5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 4 Feb 2023 14:36:45 +0700 Subject: [PATCH 2/2] Add mention to migration guide --- site/content/docs/5.3/migration.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md index 4b763c7b0987..ffc3fc05c38d 100644 --- a/site/content/docs/5.3/migration.md +++ b/site/content/docs/5.3/migration.md @@ -51,6 +51,8 @@ If you're migrating from our previous alpha release of v5.3.0, please reviewing - Added new link utilities for link color opacity, underline offset, underline color, and underline opacity. [Explore the new links utilities.]({{< docsref "/utilities/link" >}}) +- CSS variable based `border-width` utilities have been reverted to set their property directly (as was done prior to v5.2.0). This avoids inheritance issues across nested elements, including tables. + ### Docs - Examples are now displayed with the appropriate light or dark color mode as dictated by the setting in our docs. However, they lack an individual color mode picker for the time being.