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

Merged in chore/replace-corner-radius-variable-with-new (pull request #1943)

Browse Source 
chore: replace old border-radius variables with new tokens

Approved-by: Erik Tiekstra
This commit is contained in:
Christian Andolf
2025-05-05 11:24:48 +00:00
parent 5784822a1e d6b70edfa3
commit f681fa7675
183 changed files with 263 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/hotelInfoCard.module.css
View File

@@ -17,7 +17,7 @@
height: 200px;
max-width: 360px;
width: 100%;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.hotelContent {

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css
View File

@@ -1,5 +1,5 @@
.summary {
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);

4
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css
View File

@@ -10,13 +10,13 @@
}
.imageContainer {
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
display: flex;
grid-area: image;
}
.img {
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
height: auto;
max-height: 105px;
object-fit: fill;

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css
View File

@@ -1,7 +1,7 @@
.roomContainer {
background: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
padding: var(--Spacing-x3);

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/bookingCodeFilter.module.css
View File

@@ -4,7 +4,7 @@
}
.dialog {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
background-color: var(--Surface-Primary-Default);
box-shadow: var(--popup-box-shadow);
max-width: 340px;

4
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css
View File

@@ -15,7 +15,7 @@
gap: var(--Space-x15);
padding: var(--Space-x1) var(--Space-x15);
cursor: pointer;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
transition: background-color 0.3s;
color: var(--Text-Default);
@@ -53,7 +53,7 @@
height: 24px;
min-width: 24px;
border: 1px solid var(--Border-Interactive-Default);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
transition: all 0.3s;
display: flex;
align-items: center;

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css
View File

@@ -74,7 +74,7 @@
align-items: center;
padding: var(--Space-x1);
gap: var(--Space-x05);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
background-color: var(--Surface-Secondary-Default-dark);
color: var(--Text-Interactive-Default);
}

4
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css
View File

@@ -2,7 +2,7 @@
margin: 0 calc(-1 * var(--Spacing-x2));
min-height: 190px;
position: relative;
border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0;
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
}
div[data-multiroom="true"] .imageContainer {
@@ -21,7 +21,7 @@ div[data-multiroom="true"] .imageContainer {
.chip {
background-color: var(--Main-Grey-White);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-x1);
}

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css
View File

@@ -1,6 +1,6 @@
.noRooms {
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: flex;
gap: var(--Spacing-x1);
margin: 0;

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css
View File

@@ -2,7 +2,7 @@
align-content: flex-start;
background-color: #fff;
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: grid;
font-size: 14px;
gap: var(--Spacing-x-one-and-half);