@volverjs/style/dist/components/vv-skeleton.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--vv-skeleton-display: grid;--vv-skeleton-gap: calc(1em * (var(--leading-normal) - 1));--vv-skeleton-element-item-background-size: 200% 100%;--vv-skeleton-element-item-height: 1em;--vv-skeleton-element-item-border-radius: var(--rounded);--vv-skeleton-element-item-animation: var(--animation-shine)}:where(.vv-skeleton){--skeleton-background: var(--color-surface-2);--skeleton-shine-color: var(--color-surface);display:var(--vv-skeleton-display);gap:var(--vv-skeleton-gap)}:where(.vv-skeleton__item){background:linear-gradient(110deg,var(--skeleton-background) 8%,var(--skeleton-shine-color) 18%,var(--skeleton-background) 33%);color:transparent;background-size:var(--vv-skeleton-element-item-background-size);height:var(--vv-skeleton-element-item-height);border-radius:var(--vv-skeleton-element-item-border-radius);animation:var(--vv-skeleton-element-item-animation)}