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

fixes

Browse Source
This commit is contained in:
Tobias Johansson
2025-03-25 17:27:09 +01:00
committed by Simon Emanuelsson
parent 93962e4c59
commit 310a5a7a68
17 changed files with 914 additions and 523 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
packages/design-system/lib/components/RateCard/rate-card.module.css
View File

@@ -1,8 +1,49 @@
.radio {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.checkIcon {
--size: 24px;
width: var(--size);
height: var(--size);
position: absolute;
top: -10px;
right: -10px;
background-color: var(--Surface-UI-Fill-Active-Hover);
border-radius: 50%;
color: var(--Scandic-Blue-70);
display: none;
}
.rateCard {
position: relative;
background-color: var(--Scandic-Grey-00);
border-radius: var(--Corner-radius-md);
}
.rateCard:hover {
cursor: pointer;
background-color: var(--Scandic-Grey-10);
}
.radio:checked ~ .rateCard {
border: 1px solid var(--Scandic-Peach-80, 'black');
}
.radio:checked ~ .rateCard .checkIcon {
display: initial;
}
.banner {
background-color: var(--Surface-Brand-Primary-1-OnSurface-Accent);
border-top-left-radius: var(--Corner-radius-md);
@@ -51,6 +92,10 @@
color: var(--Text-Secondary);
}
.textDisabled {
color: var(--Text-Interactive-Disabled);
}
.comparisonRate {
color: var(--Text-Secondary);
display: flex;
@@ -92,20 +137,33 @@
background-color: var(--Surface-Brand-Primary-1-Default);
}
.variant-campaign:hover {
background-color: var(--Scandic-Peach-20);
}
.variant-campaign .banner {
background-color: var(--Surface-Brand-Primary-1-OnSurface-Accent);
}
.variant-code {
background: var(--Surface-Feedback-Information);
background-color: var(--Surface-Feedback-Information);
}
.variant-code:hover {
background-color: var(--Scandic-Blue-10);
}
.variant-code .banner {
background-color: var(--Surface-Feedback-Information-Accent);
}
.variant-points:hover {
background-color: var(--Scandic-Grey-00);
cursor: default;
}
.variant-points .banner {
background: var(--Surface-Brand-Primary-1-OnSurface-Accent-Secondary);
background-color: var(--Surface-Brand-Primary-1-OnSurface-Accent-Secondary);
}
.footer {
@@ -118,3 +176,16 @@
align-items: center;
color: var(--Scandic-Blue-70);
}
.noPricesAvailableContainer {
display: flex;
justify-content: center;
align-items: center;
padding: var(--Space-x2) 0;
}
.noPricesAvailableText {
padding: var(--Space-x15) var(--Space-x3);
border-radius: var(--Corner-radius-rounded);
background-color: var(--Scandic-Beige-10);
}