chore: Replaced deprecated Spacing variables with current values
Approved-by: Matilda Landström
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
.dl {
|
||||
padding: 0 var(--Spacing-x2);
|
||||
padding: 0 var(--Space-x2);
|
||||
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
.container {
|
||||
display: flex;
|
||||
padding: 0 var(--Spacing-x2);
|
||||
padding: 0 var(--Space-x2);
|
||||
flex-direction: column;
|
||||
gap: var(--Spacing-x2);
|
||||
gap: var(--Space-x2);
|
||||
}
|
||||
|
||||
.tertiary {
|
||||
@@ -12,7 +12,7 @@
|
||||
.dl {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
gap: var(--Spacing-x-half);
|
||||
gap: var(--Space-x05);
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
color: var(--Text-Tertiary);
|
||||
font-weight: var(--Body-Supporting-text-Font-weight-2);
|
||||
font-size: var(--Body-Supporting-text-Size);
|
||||
margin-right: var(--Spacing-x-half);
|
||||
margin-right: var(--Space-x05);
|
||||
}
|
||||
|
||||
.titleSubtext {
|
||||
@@ -16,9 +16,8 @@
|
||||
|
||||
.totalContainer {
|
||||
border: 1px solid var(--Border-Divider-Subtle);
|
||||
border-radius: var(--Spacing-x1);
|
||||
padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x2)
|
||||
var(--Spacing-x2);
|
||||
border-radius: var(--Space-x1);
|
||||
padding: var(--Space-x15) var(--Space-x2) var(--Space-x2) var(--Space-x2);
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: var(--Space-x15);
|
||||
@@ -28,7 +27,7 @@
|
||||
.dl {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
gap: var(--Spacing-x-half);
|
||||
gap: var(--Space-x05);
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
.main {
|
||||
background-color: var(--Base-Surface-Primary-light-Normal);
|
||||
display: flex;
|
||||
padding: var(--Spacing-x5) var(--Spacing-x4);
|
||||
padding: var(--Space-x5) var(--Space-x4);
|
||||
flex-direction: column;
|
||||
gap: var(--Spacing-x5);
|
||||
gap: var(--Space-x5);
|
||||
}
|
||||
|
||||
.addresses {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: var(--Spacing-x2);
|
||||
margin-top: var(--Space-x2);
|
||||
}
|
||||
|
||||
.rightColumn {
|
||||
@@ -17,7 +17,7 @@
|
||||
}
|
||||
|
||||
.addressMargin {
|
||||
margin-top: var(--Spacing-x-half);
|
||||
margin-top: var(--Space-x05);
|
||||
}
|
||||
|
||||
.tertiary {
|
||||
@@ -32,14 +32,14 @@
|
||||
max-width: 640px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: var(--Spacing-x5) 0;
|
||||
padding: var(--Space-x5) 0;
|
||||
}
|
||||
|
||||
.logIn {
|
||||
padding: var(--Spacing-x9) var(--Spacing-x2);
|
||||
padding: var(--Space-x9) var(--Space-x2);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--Spacing-x2);
|
||||
gap: var(--Space-x2);
|
||||
align-items: center;
|
||||
color: var(--Scandic-Grey-100);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user