@shopify/polaris
Version:
Shopify’s admin product component library
14 lines (7 loc) • 839 B
CSS
.Polaris-SkeletonThumbnail_u7qua{ animation:var(--polaris-animation-skeleton-shimmer) 800ms linear infinite alternate; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; position:relative; }
@media (prefers-reduced-motion){ .Polaris-SkeletonThumbnail_u7qua{ animation:none; } }
.Polaris-SkeletonThumbnail_u7qua::after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:var(--p-surface-neutral); border-radius:3px; }
@media screen and (-ms-high-contrast: active){ .Polaris-SkeletonThumbnail_u7qua::after{ background-color:grayText; } }
.Polaris-SkeletonThumbnail--sizeSmall_7647q{ height:4rem; width:4rem; }
.Polaris-SkeletonThumbnail--sizeMedium_5f35p{ height:6rem; width:6rem; }
.Polaris-SkeletonThumbnail--sizeLarge_61dxo{ height:8rem; width:8rem; }