diff --git a/frontend/web/styles/3rdParty/_bootstrap.scss b/frontend/web/styles/3rdParty/_bootstrap.scss index be1dfef20f65..b04f1cf84a4b 100644 --- a/frontend/web/styles/3rdParty/_bootstrap.scss +++ b/frontend/web/styles/3rdParty/_bootstrap.scss @@ -29,6 +29,26 @@ $_color-util: map-merge( ); $utilities: map-merge($utilities, ("color": $_color-util)); +// Border colour: token border utilities take over. Values are identical to +// Bootstrap's, so a no-op; it just moves ownership to the token layer. +$_border-util: map-get($utilities, "border-color"); +$_border-util: map-merge( + $_border-util, + (values: map-remove(map-get($_border-util, "values"), "danger", "info", "success", "warning")) +); +$utilities: map-merge($utilities, ("border-color": $_border-util)); + +// Shadow scale is owned by the token utilities (--shadow-*). Drop sm/lg/none so +// `.shadow-sm` / `.shadow-lg` / `.shadow-none` use the DS tokens, consistent with +// the token-only `.shadow-md` / `.shadow-xl`. Bootstrap's suffixless `.shadow` +// (the `null` key) is left in place. +$_shadow-util: map-get($utilities, "shadow"); +$_shadow-util: map-merge( + $_shadow-util, + (values: map-remove(map-get($_shadow-util, "values"), "sm", "lg", "none")) +); +$utilities: map-merge($utilities, ("shadow": $_shadow-util)); + @import "~bootstrap/scss/utilities/api"; // 5. Include any optional Bootstrap CSS as needed