@shopify/polaris
Version:
Shopify’s product component library
12 lines (6 loc) • 712 B
CSS
.Polaris-Thumbnail_15hj1{ position:relative; display:block; overflow:hidden; background:var(--p-surface, white); min-width:4rem; max-width:100%; border-radius:var(--p-border-radius-base, 3px); }
.Polaris-Thumbnail_15hj1::after{ content:''; position:relative; z-index:20; display:block; padding-bottom:100%; box-shadow:inset 0 0 0 1px rgba(33, 43, 54, 0.1); border-radius:var(--p-border-radius-base, 3px); }
.Polaris-Thumbnail--sizeSmall_7647q{ width:4rem; }
.Polaris-Thumbnail--sizeMedium_5f35p{ width:6rem; }
.Polaris-Thumbnail--sizeLarge_61dxo{ width:8rem; }
.Polaris-Thumbnail__Image_2qgms{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%; max-height:100%; }