@shopify/polaris/dist/esnext/components/SkeletonDisplayText/SkeletonDisplayText.css

Shopify’s product component library

.Polaris-SkeletonDisplayText__DisplayText_1u0t8{ max-width:12rem; animation:var(--polaris-animation-skeleton-shimmer) 800ms linear infinite alternate; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; position:relative; }

.Polaris-SkeletonDisplayText__DisplayText_1u0t8::after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:#dfe3e8; border-radius:3px; }

@media screen and (-ms-high-contrast: active){ .Polaris-SkeletonDisplayText__DisplayText_1u0t8::after{ background-color:grayText; } }

.Polaris-SkeletonDisplayText--sizeSmall_7647q{ height:2.4rem; }

@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeSmall_7647q{ height:2.8rem; } }

.Polaris-SkeletonDisplayText--sizeMedium_5f35p{ height:2.8rem; }

@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeMedium_5f35p{ height:3.2rem; } }

.Polaris-SkeletonDisplayText--sizeLarge_61dxo{ height:2.8rem; }

@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeLarge_61dxo{ height:3.2rem; } }

.Polaris-SkeletonDisplayText--sizeExtraLarge_1akox{ height:3.6rem; }

@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeExtraLarge_1akox{ height:4.4rem; } }