Files
web/packages/design-system/lib/components/ChipButton/chip-button.module.css
Christian Andolf 16efce3a43 fix(SW-2170): add outline for chip for keyboard focus
add nonmodal prop to booking code rates dropdown to ensure booking widgets stays sticky when opened
2025-05-22 16:28:58 +02:00

38 lines
789 B
CSS

.chip {
background-color: var(--Component-Button-Inverted-Fill-Default);
border-radius: var(--Corner-radius-sm);
padding: var(--Space-x1) var(--Space-x15);
color: var(--Text-Interactive-Default);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.Default {
border: 1px solid var(--Component-Button-Inverted-Border-Default);
}
.Default:hover {
background-color: var(--Surface-Primary-Hover-Accent);
}
.Outlined {
border: 1px solid var(--Border-Intense);
}
.Outlined:hover {
background-color: var(--Surface-Primary-Hover);
}
.Outlined:focus,
.Outlined:active {
border-color: var(--Border-Interactive-Selected);
}
.Default:focus,
.Outlined:focus {
outline-offset: 4px;
outline-color: var(--Border-Interactive-Focus);
}