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

6
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LargeTable/DesktopHeader/desktopHeader.module.css
View File

@@ -15,7 +15,7 @@
}
.iconTh {
padding: var(--Spacing-x5) var(--Spacing-x2) var(--Spacing-x2);
padding: var(--Space-x5) var(--Space-x2) var(--Space-x2);
font-weight: var(--typography-Caption-Regular-fontWeight);
vertical-align: bottom;
}
@@ -23,11 +23,11 @@
.summaryTh {
font-size: var(--typography-Caption-Regular-fontSize);
font-weight: var(--typography-Caption-Regular-fontWeight);
padding: 0 var(--Spacing-x2) var(--Spacing-x2);
padding: 0 var(--Space-x2) var(--Space-x2);
vertical-align: top;
}
.select {
font-weight: var(--typography-Caption-Regular-fontWeight);
padding: 0 var(--Spacing-x2) var(--Spacing-x2);
padding: 0 var(--Space-x2) var(--Space-x2);
}

8
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
View File

@@ -20,7 +20,7 @@
}
.rewardTh {
padding: var(--Spacing-x3) var(--Spacing-x2);
padding: var(--Space-x3) var(--Space-x2);
font-size: var(--typography-Caption-Regular-fontSize);
font-weight: var(--typography-Caption-Regular-fontWeight);
}
@@ -31,16 +31,16 @@
.rewardHeader {
display: grid;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
grid-template-columns: 1fr auto;
text-align: start;
}
.rewardDescription {
margin: 0;
padding-top: var(--Spacing-x1);
padding-top: var(--Space-x1);
text-align: start;
padding-right: calc(var(--Spacing-x3) + var(--Spacing-x1));
padding-right: calc(var(--Space-x3) + var(--Space-x1));
}
.chevron {

8
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
View File

@@ -2,15 +2,15 @@
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x3);
padding-bottom: var(--Spacing-x1);
gap: var(--Space-x3);
padding-bottom: var(--Space-x1);
}
.levelRequirements {
border-radius: var(--Corner-radius-md);
background-color: var(--Scandic-Brand-Pale-Peach);
color: var(--Scandic-Peach-80);
padding: var(--Spacing-x-half) var(--Spacing-x1);
padding: var(--Space-x05) var(--Space-x1);
text-align: center;
width: 100%;
}
@@ -23,7 +23,7 @@
@media screen and (min-width: 950px) {
.levelRequirements {
padding: var(--Spacing-x-half) var(--Spacing-x1);
padding: var(--Space-x05) var(--Space-x1);
}
}
@media screen and (min-width: 1367px) {

2
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/Card/rewardCard.module.css
View File

@@ -11,7 +11,7 @@
.rewardCardDescription {
font-size: var(--typography-Caption-Regular-fontSize);
line-height: 150%;
padding-right: var(--Spacing-x4);
padding-right: var(--Space-x4);
}
.rewardInfo {

2
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/rewardList.module.css
View File

@@ -5,7 +5,7 @@
grid-template-columns: 1fr 1fr;
grid-column: 1/3;
padding-top: 0;
margin: var(--Spacing-x1) var(--Spacing-x2);
margin: var(--Space-x1) var(--Space-x2);
}
.rewardCardWrapper:last-child {

4
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardValue/rewardValue.module.css
View File

@@ -2,8 +2,8 @@
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x-half);
padding: 0 var(--Spacing-x4) 0 var(--Spacing-x4);
gap: var(--Space-x05);
padding: 0 var(--Space-x4) 0 var(--Space-x4);
text-wrap: balance;
}

4
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/YourLevelScript/yourLevel.module.css
View File

@@ -1,10 +1,10 @@
.script {
transform: rotate(-4deg);
padding-bottom: var(--Spacing-x-half);
padding-bottom: var(--Space-x05);
}
@media screen and (min-width: 950px) {
.script {
padding-bottom: var(--Spacing-x1);
padding-bottom: var(--Space-x1);
}
}

24
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
View File

@@ -1,6 +1,6 @@
.intro {
display: grid;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.largeTableContainer {
@@ -18,23 +18,23 @@
background-color: var(--UI-Opacity-White-100);
display: grid;
grid-template-columns: 1fr 1fr;
margin: 0 calc(0px - var(--Spacing-x2)) calc(0px - var(--Spacing-x9))
calc(0px - var(--Spacing-x2));
padding-bottom: var(--Spacing-x9);
margin: 0 calc(0px - var(--Space-x2)) calc(0px - var(--Space-x9))
calc(0px - var(--Space-x2));
padding-bottom: var(--Space-x9);
position: relative;
}
.columnHeaderContainer {
display: contents;
grid-template-columns: 1fr 1fr;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.columnHeader {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
padding: var(--Spacing-x4) var(--Spacing-x2);
gap: var(--Space-x2);
padding: var(--Space-x4) var(--Space-x2);
justify-content: flex-end;
}
@@ -43,21 +43,21 @@
}
.columnHeader:nth-child(1) {
padding-right: var(--Spacing-x1);
padding-right: var(--Space-x1);
}
.columnHeader:nth-child(2) {
padding-left: var(--Spacing-x1);
padding-left: var(--Space-x1);
border-top-left-radius: var(--Corner-radius-md);
}
.columnHeader:nth-child(2):has(+ .columnHeader) {
padding-left: var(--Spacing-x1);
padding-right: var(--Spacing-x1);
padding-left: var(--Space-x1);
padding-right: var(--Space-x1);
}
.columnHeader:nth-child(3) {
padding-left: var(--Spacing-x1);
padding-left: var(--Space-x1);
}
@media screen and (min-width: 768px) {