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

34
packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css
View File

@@ -64,8 +64,8 @@
}
.sorter {
padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x-half)
var(--Spacing-x2);
padding: var(--Space-x15) var(--Space-x2) var(--Space-x05)
var(--Space-x2);
flex: 0 0 auto;
}
@@ -81,18 +81,18 @@
}
.filters {
padding: var(--Spacing-x2);
padding-top: calc(var(--Spacing-x3) + var(--Spacing-x-half));
padding: var(--Space-x2);
padding-top: calc(var(--Space-x3) + var(--Space-x05));
flex: 1 1 auto;
overflow-y: auto;
}
.filters ul {
margin-top: var(--Spacing-x3);
margin-top: var(--Space-x3);
}
.filters ul li {
padding-bottom: var(--Spacing-x1);
padding-bottom: var(--Space-x1);
}
.header {
@@ -115,8 +115,8 @@
.footer {
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
padding: var(--Spacing-x3) var(--Spacing-x2);
gap: var(--Space-x1);
padding: var(--Space-x3) var(--Space-x2);
flex: 0 0 auto;
border-top: 1px solid var(--Base-Border-Subtle);
}
@@ -133,7 +133,7 @@
.divider {
display: block;
padding: 0 var(--Spacing-x3);
padding: 0 var(--Space-x3);
}
.header {
@@ -155,7 +155,7 @@
}
.content {
gap: var(--Spacing-x4);
gap: var(--Space-x4);
height: auto;
}
@@ -164,14 +164,14 @@
}
.sorter {
padding: var(--Spacing-x2);
padding: var(--Space-x2);
}
.sorter,
.filters,
.footer,
.divider {
padding: 0 var(--Spacing-x3);
padding: 0 var(--Space-x3);
}
.footer {
@@ -183,21 +183,21 @@
z-index: 1;
border-bottom-left-radius: var(--Corner-radius-lg);
border-bottom-right-radius: var(--Corner-radius-lg);
padding: var(--Spacing-x2) var(--Spacing-x3);
padding: var(--Space-x2) var(--Space-x3);
}
.filters aside > form {
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.filters aside form > div:last-child {
margin-top: var(--Spacing-x2);
margin-top: var(--Space-x2);
}
.filters aside ul {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: var(--Spacing-x1);
margin-top: var(--Space-x1);
}
.filters ul li:hover {
@@ -206,7 +206,7 @@
outline: none;
}
.filters ul li {
padding: var(--Spacing-x1) var(--Space-x15);
padding: var(--Space-x1) var(--Space-x15);
}
}
@media screen and (min-width: 1024) {

10
packages/booking-flow/lib/components/SelectHotel/Filters/HotelFilter/hotelFilter.module.css
View File

@@ -5,12 +5,12 @@
.container form {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.facilities {
font-family: var(--typography-Body-Bold-fontFamily);
padding-bottom: var(--Spacing-x3);
padding-bottom: var(--Space-x3);
}
.facilities:first-of-type {
@@ -18,7 +18,7 @@
}
.facilities ul {
margin-top: var(--Spacing-x2);
margin-top: var(--Space-x2);
}
.facilities:last-child {
padding-bottom: 0;
@@ -28,12 +28,12 @@
display: grid;
grid-template-columns: repeat(2, minmax(min-content, max-content));
gap: var(--Space-x15);
margin-bottom: var(--Spacing-x1);
margin-bottom: var(--Space-x1);
align-items: center;
}
.filter:first-child {
margin-top: var(--Spacing-x1);
margin-top: var(--Space-x1);
}
.filter input[type="checkbox"] {

2
packages/booking-flow/lib/components/SelectHotel/SelectHotelMap/HotelListing/hotelListing.module.css
View File

@@ -16,5 +16,5 @@
display: block;
width: 100%;
overflow-y: auto;
padding-top: var(--Spacing-x2);
padding-top: var(--Space-x2);
}

6
packages/booking-flow/lib/components/SelectHotel/SelectHotelMap/SelectHotelMapSkeleton.module.css
View File

@@ -15,8 +15,8 @@
flex-direction: row;
flex-wrap: wrap;
margin-top: 20px;
gap: var(--Spacing-x2);
padding-top: var(--Spacing-x6);
gap: var(--Space-x2);
padding-top: var(--Space-x6);
height: 100%;
}
@@ -34,7 +34,7 @@
}
.listingContainer {
background-color: var(--Base-Surface-Secondary-light-Normal);
padding: var(--Spacing-x3) var(--Spacing-x4);
padding: var(--Space-x3) var(--Space-x4);
overflow-y: auto;
max-width: 505px;
position: relative;