bitque/crates/web/js/css/styledCheckbox.scss

53 lines
1.2 KiB
SCSS
Raw Normal View History

.styledCheckbox {
display: flex;
justify-content: space-between;
> .styledCheckboxChild {
display: block;
border: 1px solid var(--borderLight);
font-family: var(--font-medium);
line-height: 2;
white-space: nowrap;
cursor: pointer;
font-size: 14.5px;
&:focus {
border-color: var(--borderInputFocus);
}
> input[type=radio] {
display: none;
}
> label {
display: block;
padding: 0 12px;
cursor: pointer;
font-family: var(--font-medium);
line-height: 2;
white-space: nowrap;
font-size: 14.5px;
}
}
> .styledCheckboxChild.selected {
border-color: var(--borderInputFocus);
color: var(--borderInputFocus);
}
> .styledCheckboxChild.untracking.selected {
color: var(--success);
border-color: var(--success);
}
> .styledCheckboxChild.fibonacci.selected {
color: var(--warning);
border-color: var(--warning);
}
> .styledCheckboxChild.hourly.selected {
color: var(--danger);
border-color: var(--danger);
}
}