scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Replaced deprecated Spacing variables with current values

Browse Source 
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-12 12:56:22 +00:00
parent 8dce04b931
commit 88644597df
229 changed files with 855 additions and 869 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/linkedAccounts.module.css
View File

@@ -1,11 +1,11 @@
.container {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.divider {
margin-top: var(--Spacing-x2);
margin-top: var(--Space-x2);
@media screen and (min-width: 768px) {
display: none;
@@ -16,7 +16,7 @@
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
align-items: flex-end;
@media screen and (min-width: 768px) {
@@ -28,8 +28,8 @@
.matchedAccountSection {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
padding: var(--Spacing-x4) var(--Space-x15);
gap: var(--Space-x3);
padding: var(--Space-x4) var(--Space-x15);
width: 100%;
background-color: var(--Surface-Primary-On-Surface-Default);
border: 1px solid var(--Border-Default);
@@ -39,7 +39,7 @@
0px 4px 4px 0px rgba(255, 255, 255, 0.29) inset;
@media screen and (min-width: 768px) {
padding: var(--Spacing-x4) var(--Spacing-x3);
padding: var(--Space-x4) var(--Space-x3);
}
}
@@ -47,10 +47,10 @@
display: flex;
width: 100%;
justify-content: space-between;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
@media screen and (min-width: 768px) {
gap: var(--Spacing-x7);
gap: var(--Space-x7);
}
}
@@ -63,12 +63,12 @@
.tierMatchStatus {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
width: 100%;
justify-content: space-between;
border: 1px solid var(--Border-Divider-Accent);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x2);
padding: var(--Space-x2);
background:
linear-gradient(
0deg,
@@ -83,7 +83,7 @@
@media screen and (min-width: 768px) {
flex-direction: row;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
}
@@ -94,13 +94,13 @@
.stack {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
}
.caption {
display: flex;
align-items: center;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
color: var(--Text-Tertiary);
align-self: flex-start;
}
@@ -116,7 +116,7 @@
.tierMatchText {
display: flex;
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.label {