@shopify/polaris/build/esnext/components/MediaCard/MediaCard.css

Shopify’s admin product component library

.Polaris-MediaCard_1viwr { height: 100%; width: 100%; display: flex; flex-flow: row wrap; }

.Polaris-MediaCard_1viwr.Polaris-MediaCard--portrait_gnxrv { flex-flow: column nowrap; }

@media (max-width: 50.25em) { .Polaris-MediaCard_1viwr { flex-flow: column nowrap; } }

.Polaris-MediaCard__MediaContainer_wotws { overflow: hidden; border-top-left-radius: var(--p-border-radius-wide); border-top-right-radius: var(--p-border-radius-wide); }

.Polaris-MediaCard__MediaContainer_wotws:not(.Polaris-MediaCard--portrait_gnxrv) { flex-basis: 40%; }

.Polaris-MediaCard__MediaContainer_wotws:not(.Polaris-MediaCard--portrait_gnxrv).Polaris-MediaCard--sizeSmall_7647q { flex-basis: 33%; }

@media (min-width: 50.25em) { .Polaris-MediaCard__MediaContainer_wotws:not(.Polaris-MediaCard--portrait_gnxrv) { border-top-right-radius: 0; border-top-left-radius: var(--p-border-radius-wide); border-bottom-left-radius: var(--p-border-radius-wide); } }

.Polaris-MediaCard__InfoContainer_szau8 { position: relative; }

.Polaris-MediaCard__InfoContainer_szau8:not(.Polaris-MediaCard--portrait_gnxrv) { flex-basis: 60%; }

.Polaris-MediaCard__InfoContainer_szau8:not(.Polaris-MediaCard--portrait_gnxrv).Polaris-MediaCard--sizeSmall_7647q { flex-basis: 67%; }

.Polaris-MediaCard__Popover_mj4rb { position: absolute; z-index: 400; top: 1rem; right: 1rem; }

.Polaris-MediaCard__Heading_1brcv { margin-right: 2rem; }

.Polaris-MediaCard__PrimaryAction_eeemy { margin-right: 0.5rem; }

.Polaris-MediaCard__SecondaryAction_1dl4i { margin-left: -spacing(tight); }

.Polaris-MediaCard__ActionContainer_hk0rr { padding-top: 0.5rem; }

.Polaris-MediaCard__ActionContainer_hk0rr.Polaris-MediaCard--portrait_gnxrv { padding-top: 2rem; }

@media (max-width: 50.25em) { .Polaris-MediaCard__ActionContainer_hk0rr { padding-top: 2rem; } }