sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/res/css/components/views/dialogs/polls/_PollDetailHeader.pcss
+1 -1
View File
@@ -14,6 +14,6 @@ Please see LICENSE files in the repository root for full details.
.mx_PollDetailHeader_icon {
height: 16px;
width: 16px;
margin-right: $spacing-8;
margin-right: var(--cpd-space-2x);
vertical-align: middle;
}
apps/web/res/css/components/views/dialogs/polls/_PollListItem.pcss
+2 -2
View File
@@ -15,7 +15,7 @@ Please see LICENSE files in the repository root for full details.
display: grid;
justify-content: left;
align-items: center;
gap: $spacing-8;
gap: var(--cpd-space-2x);
grid-template-columns: auto auto auto;
grid-template-rows: auto;
cursor: pointer;
@@ -27,7 +27,7 @@ Please see LICENSE files in the repository root for full details.
height: 14px;
width: 14px;
color: $quaternary-content;
padding-left: $spacing-8;
padding-left: var(--cpd-space-2x);
}
.mx_PollListItem_question {
apps/web/res/css/components/views/dialogs/polls/_PollListItemEnded.pcss
+5 -5
View File
@@ -22,7 +22,7 @@ Please see LICENSE files in the repository root for full details.
display: grid;
justify-content: left;
align-items: center;
gap: $spacing-8;
gap: var(--cpd-space-2x);
grid-template-columns: min-content 1fr min-content;
grid-template-rows: auto;
}
@@ -31,7 +31,7 @@ Please see LICENSE files in the repository root for full details.
height: 14px;
width: 14px;
color: $quaternary-content;
padding-left: $spacing-8;
padding-left: var(--cpd-space-2x);
}
.mx_PollListItemEnded_date {
@@ -47,11 +47,11 @@ Please see LICENSE files in the repository root for full details.
.mx_PollListItemEnded_answers {
display: grid;
gap: $spacing-8;
margin-top: $spacing-12;
gap: var(--cpd-space-2x);
margin-top: var(--cpd-space-3x);
}
.mx_PollListItemEnded_voteCount {
/* 6px to match PollOption padding */
margin: $spacing-8 0 0 6px;
margin: var(--cpd-space-2x) 0 0 6px;
}