@shopify/polaris
Version:
Shopify’s admin product component library
22 lines (13 loc) • 1.27 kB
CSS
/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Thumbnail_15hj1 { --pc-thumbnail-extra-small-size: 1.5rem; --pc-thumbnail-small-size: 2.5rem; --pc-thumbnail-medium-size: 3.75rem; --pc-thumbnail-large-size: 5rem; position: relative; display: block; overflow: hidden; background: var(--p-surface); min-width: var(--pc-thumbnail-extra-small-size); max-width: 100%; border-radius: var(--p-border-radius-1); border: var(--p-border-divider); }
.Polaris-Thumbnail_15hj1::after { content: ''; display: block; padding-bottom: 100%; }
.Polaris-Thumbnail--sizeExtraSmall_1twbb { width: var(--pc-thumbnail-extra-small-size); }
.Polaris-Thumbnail--sizeSmall_7647q { width: var(--pc-thumbnail-small-size); }
.Polaris-Thumbnail--sizeMedium_5f35p { width: var(--pc-thumbnail-medium-size); }
.Polaris-Thumbnail--sizeLarge_61dxo { width: var(--pc-thumbnail-large-size); }
.Polaris-Thumbnail--transparent_19sk8 { background: transparent; }
.Polaris-Thumbnail_15hj1 > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; color: var(--p-icon-subdued); }
.Polaris-Thumbnail_15hj1 > * svg { fill: currentColor; }