mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-09-12 22:26:12 -05:00
Migrate to nested CSS
This commit is contained in:
@@ -36,25 +36,25 @@
|
||||
font-weight: var(--weight-semi);
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.roundButton:hover:not(:disabled):not(.roundButtonActive) {
|
||||
background-color: var(--color-bg-higher);
|
||||
}
|
||||
&:hover:not(:disabled):not(.roundButtonActive) {
|
||||
background-color: var(--color-bg-higher);
|
||||
}
|
||||
|
||||
.roundButton:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
&:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.roundButton:focus-visible {
|
||||
outline: var(--focus-ring);
|
||||
outline-offset: 1px;
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: var(--focus-ring);
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
.roundButton svg {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
& svg {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.roundButtonActive {
|
||||
|
||||
Reference in New Issue
Block a user