ebd6e1dc2c
fix(BOOK-119): reward nights accessible radiogroup * fix(BOOK-119): reward nights accessible radiogroup * fix(BOOK-119): pr comment focus * fix(BOOK-119): added roomtype name to the radiogroup for accessibility improvment Approved-by: Matilda Haneling Approved-by: Erik Tiekstra
38 lines
755 B
CSS
38 lines
755 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;
|
|
}
|
|
|
|
.container[data-focus-visible] .radio {
|
|
outline: 2px solid var(--UI-Input-Controls-Border-Focus);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.container[data-selected] .color-burgundy {
|
|
border-color: var(--Surface-UI-Fill-Active);
|
|
}
|