bible-strong-avatar-lab/packages/avatar-react/src/styles.css
smontlouis 2386b78817 feat(runtime): unify React and ESM avatar exports
Add shared core-backed React and browser runtimes, continuous playback transitions, export previews and API documentation. Package the JavaScript export as a CDN-powered demo with the portable avatar definition.
2026-08-17 17:27:20 +02:00

32 lines
558 B
CSS

.bs-avatar {
box-sizing: border-box;
display: inline-grid;
place-items: center;
max-width: 100%;
aspect-ratio: 1;
outline: none;
user-select: none;
-webkit-user-select: none;
}
.bs-avatar:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
}
.bs-avatar__svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.bs-avatar,
.bs-avatar * {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}