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:
@@ -12,7 +12,7 @@ Please see LICENSE files in the repository root for full details.
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
gap: $spacing-4;
|
||||
gap: var(--cpd-space-1x);
|
||||
}
|
||||
|
||||
.mx_KeyboardShortcut_shortcutRow,
|
||||
@@ -23,10 +23,10 @@ Please see LICENSE files in the repository root for full details.
|
||||
}
|
||||
|
||||
.mx_KeyboardShortcut_shortcutRow {
|
||||
column-gap: $spacing-8;
|
||||
column-gap: var(--cpd-space-2x);
|
||||
}
|
||||
|
||||
.mx_KeyboardShortcut {
|
||||
flex-wrap: nowrap;
|
||||
column-gap: $spacing-4;
|
||||
column-gap: var(--cpd-space-1x);
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
|
||||
.mx_SecurityUserSettingsTab_bulkOptions {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: $spacing-8;
|
||||
column-gap: var(--cpd-space-2x);
|
||||
}
|
||||
|
||||
.mx_SecurityUserSettingsTab_ignoredUsers {
|
||||
@@ -18,11 +18,11 @@ Please see LICENSE files in the repository root for full details.
|
||||
}
|
||||
|
||||
.mx_SecurityUserSettingsTab_ignoredUser {
|
||||
margin-bottom: $spacing-4;
|
||||
margin-bottom: var(--cpd-space-1x);
|
||||
}
|
||||
|
||||
.mx_SecurityUserSettingsTab_ignoredUser .mx_AccessibleButton {
|
||||
margin-right: $spacing-8;
|
||||
margin-right: var(--cpd-space-2x);
|
||||
}
|
||||
|
||||
.mx_SecurityUserSettingsTab_warning {
|
||||
|
||||
Reference in New Issue
Block a user