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
2026-07-22 10:10:57 +00:00
parent ef8cfda6fe
commit 49a2bdd7e4
87 changed files with 343 additions and 380 deletions
@@ -32,8 +32,8 @@ Please see LICENSE files in the repository root for full details.

 .mx_MBeaconBody_withoutMapInfoLastUpdated {
    /* 48px lines up with icon in BeaconStatus */
-    margin-top: -$spacing-8;
-    padding: 0 $spacing-8 $spacing-8 48px;
+    margin-top: calc(-1 * var(--cpd-space-2x));
+    padding: 0 var(--cpd-space-2x) var(--cpd-space-2x) 48px;

    color: $tertiary-content;
    font-size: $font-10px;
@@ -7,6 +7,6 @@ Please see LICENSE files in the repository root for full details.
 */

 .mx_MediaProcessingError_Icon {
-    margin-right: $spacing-4;
+    margin-right: var(--cpd-space-1x);
    vertical-align: text-top;
 }