sendou.ink/app/components/Ability.module.css
Kalle fef1ffc955
Design refresh + a bunch of stuff (#2864)
Co-authored-by: hfcRed <hfcred@gmx.net>
2026-03-19 17:51:42 +02:00

32 lines
558 B
CSS

.ability {
width: var(--ability-size);
height: var(--ability-size);
padding: 0;
border: var(--border-style-high);
border-radius: 50%;
border-right: 0;
border-bottom: 0;
background: var(--color-bg-ability);
background-size: 100%;
transform: scale(1);
transition: all 0.1s ease;
user-select: none;
}
.isDragTarget {
background: var(--color-bg-ability);
transform: scale(1.15);
}
.dragStarted:not(.dropAllowed) {
filter: grayscale(1);
opacity: 0.3;
pointer-events: none;
}
.readonly,
.readonly:active {
cursor: default;
transform: none;
}