feat(SW-1435): Added RateCard component to design system * feat(SW-1435): Added new component: RateCard to design system * feat: added reward night points rate card * fix: set svg icon color to "currentColor" to make them more reusable * fix: added click handler for info icon * fix: added selectedRate Approved-by: Arvid Norlin
33 lines
629 B
CSS
33 lines
629 B
CSS
.container {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--Space-x15);
|
|
padding: var(--Space-x1) 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.radio {
|
|
position: relative;
|
|
width: 24px;
|
|
height: 24px;
|
|
background-color: var(--Surface-UI-Fill-Default);
|
|
border: 2px solid var(--Scandic-Beige-50);
|
|
border-radius: 50%;
|
|
transition: all 0.2s ease-in-out;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.container[data-selected] .radio {
|
|
border-color: var(--Surface-UI-Fill-Active);
|
|
border-width: 8px;
|
|
}
|
|
|
|
.disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.container[data-selected] .color-burgundy {
|
|
border-color: var(--Surface-UI-Fill-Active);
|
|
}
|