mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-10-02 08:07:40 -05:00
Initial
This commit is contained in:
@@ -8,7 +8,9 @@
|
||||
display: inline-grid;
|
||||
justify-items: center;
|
||||
grid-template-columns: 0fr 1fr 1fr;
|
||||
transition: grid-template-columns 200ms;
|
||||
transition:
|
||||
grid-template-columns 200ms,
|
||||
background-color 0.15s;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
@@ -50,6 +52,20 @@
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
&:hover:not(:has(> .input:disabled)) .indicator,
|
||||
&:has(> .input:focus-visible) .indicator {
|
||||
background: var(--color-bg-high);
|
||||
}
|
||||
|
||||
&:hover:not(:has(> .input:disabled)):has(> .input:checked) .indicator,
|
||||
&:has(> .input:focus-visible:checked) .indicator {
|
||||
background: color-mix(
|
||||
in oklch,
|
||||
var(--color-text-accent) 85%,
|
||||
var(--color-text)
|
||||
);
|
||||
}
|
||||
|
||||
&:has(> .input:disabled) {
|
||||
cursor: not-allowed;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user