@shopify/polaris
Version:
Shopify’s admin product component library
24 lines (14 loc) • 2.1 kB
CSS
/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-SkeletonDisplayText__DisplayText_1u0t8 { --pc-skeleton-display-text-height: var(--p-line-height-2); --pc-skeleton-display-text-height-not-condensed: var(--p-line-height-2); max-width: 7.5rem; display: flex; background-color: var(--p-surface-neutral); border-radius: var(--p-border-radius-base); }
@media screen and (-ms-high-contrast: active) { .Polaris-SkeletonDisplayText__DisplayText_1u0t8 { background-color: grayText; } }
.Polaris-SkeletonDisplayText--sizeSmall_7647q { --pc-skeleton-display-text-height: var(--p-line-height-3); --pc-skeleton-display-text-height-not-condensed: var(--p-line-height-4); height: var(--pc-skeleton-display-text-height); }
@media (min-width: 40em) { .Polaris-SkeletonDisplayText--sizeSmall_7647q { height: var(--pc-skeleton-display-text-height-not-condensed); } }
.Polaris-SkeletonDisplayText--sizeMedium_5f35p { --pc-skeleton-display-text-height: var(--p-line-height-4); --pc-skeleton-display-text-height-not-condensed: var(--p-line-height-5); height: var(--pc-skeleton-display-text-height); }
@media (min-width: 40em) { .Polaris-SkeletonDisplayText--sizeMedium_5f35p { height: var(--pc-skeleton-display-text-height-not-condensed); } }
.Polaris-SkeletonDisplayText--sizeLarge_61dxo { --pc-skeleton-display-text-height: var(--p-line-height-4); --pc-skeleton-display-text-height-not-condensed: var(--p-line-height-5); height: var(--pc-skeleton-display-text-height); }
@media (min-width: 40em) { .Polaris-SkeletonDisplayText--sizeLarge_61dxo { height: var(--pc-skeleton-display-text-height-not-condensed); } }
.Polaris-SkeletonDisplayText--sizeExtraLarge_1akox { --pc-skeleton-display-text-height: var(--p-line-height-6); --pc-skeleton-display-text-height-not-condensed: var(--p-line-height-7); height: var(--pc-skeleton-display-text-height); }
@media (min-width: 40em) { .Polaris-SkeletonDisplayText--sizeExtraLarge_1akox { height: var(--pc-skeleton-display-text-height-not-condensed); } }