image-tagger/styles/elements/radio.css

38 lines
578 B
CSS

.token-browser > .window-content {
.radio-group {
display: flex;
flex-direction: row;
input[type="radio"] {
width: 0;
height: 0;
margin: 0;
&::before, &::after {
display: none;
}
}
label {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--color-light-5);
cursor: pointer;
height: 28px;
min-width: 28px;
&:first-child {
border-radius: 4px 0 0 4px;
}
&:last-child {
border-radius: 0 4px 4px 0;
}
&:has(:checked) {
background: var(--color-cool-4);
}
}
}
}