UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

24 lines (14 loc) 2.1 kB
/* 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); } }