Replace legacy $spacing-X vars with Compound Design Tokens (#34380)

* Replace legacy `$spacing-X` vars with Compound Design Tokens

* Remove unused font size vars

* Use calc to get negative spacing vars
This commit is contained in:
Michael Telatynski
2026-07-22 10:10:57 +00:00
committed by GitHub
parent ef8cfda6fe
commit 49a2bdd7e4
87 changed files with 343 additions and 380 deletions
@@ -9,14 +9,14 @@ Please see LICENSE files in the repository root for full details.
.mx_NetworkDropdown_wrapper .mx_ContextualMenu {
.mx_GenericDropdownMenu_Option {
&.mx_GenericDropdownMenu_Option--header {
padding-top: $spacing-12;
padding-bottom: $spacing-4;
padding-top: var(--cpd-space-3x);
padding-bottom: var(--cpd-space-1x);
min-width: 160px;
}
&.mx_GenericDropdownMenu_Option--item {
padding-top: $spacing-4;
padding-bottom: $spacing-4;
padding-top: var(--cpd-space-1x);
padding-bottom: var(--cpd-space-1x);
> .mx_GenericDropdownMenu_Option--label span:first-child {
font-weight: normal;
@@ -30,15 +30,15 @@ Please see LICENSE files in the repository root for full details.
color: $primary-content;
span:not(:first-child) {
margin-left: $spacing-4;
margin-left: var(--cpd-space-1x);
color: $secondary-content;
}
}
}
.mx_GenericDropdownMenu_divider {
margin-top: $spacing-4;
margin-bottom: $spacing-4;
margin-top: var(--cpd-space-1x);
margin-bottom: var(--cpd-space-1x);
& + .mx_GenericDropdownMenu_Option .mx_GenericDropdownMenu_Option--label {
font-size: $font-15px;