website/islands/ThemePicker.css

36 lines
548 B
CSS

.islands__theme_picker {
display: inline-flex;
align-items: center;
gap: var(--_gap-half);
height: fit-content;
margin: auto;
padding: var(--_gap-half);
&:has(select:focus-visible) {
outline: currentColor solid var(--_border-size);
}
& select {
border: none;
background-color: transparent;
outline: none;
color: currentColor;
}
& option {
background-color: var(--_background-color);
}
& span {
padding: 0;
font-weight: normal;
line-height: normal;
}
@media (width < 800px) {
& select {
width: 0;
}
}
}