This commit is contained in:
@@ -130,6 +130,29 @@
|
||||
}
|
||||
}
|
||||
|
||||
// ── Shape variants (applied via .sp-shape-* on .participant-card) ─────────
|
||||
.scrying-pool .participant-card {
|
||||
&.sp-shape-rounded {
|
||||
--sp-shape-clip: inset(0 round 6px);
|
||||
}
|
||||
|
||||
&.sp-shape-circle {
|
||||
--sp-shape-clip: circle(50%);
|
||||
}
|
||||
|
||||
&.sp-shape-hexagon {
|
||||
--sp-shape-clip: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
|
||||
}
|
||||
|
||||
&.sp-shape-octagon {
|
||||
--sp-shape-clip: polygon(29% 0%, 71% 0%, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0% 71%, 0% 29%);
|
||||
}
|
||||
|
||||
.participant-card__avatar img {
|
||||
clip-path: var(--sp-shape-clip, none);
|
||||
}
|
||||
}
|
||||
|
||||
// ── Reduced motion ────────────────────────────────────────────────────────
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.scrying-pool .participant-card {
|
||||
|
||||
Reference in New Issue
Block a user