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

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.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; }

.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 (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em) { [data-has-navigation] .Polaris-MediaCard__MediaContainer_wotws { border-top-left-radius: var(--p-border-radius-2); border-top-right-radius: var(--p-border-radius-2); } }

@media (min-width: 30.625em) { .Polaris-MediaCard__MediaContainer_wotws { border-top-left-radius: var(--p-border-radius-2); border-top-right-radius: var(--p-border-radius-2); } }

@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-2); border-bottom-left-radius: var(--p-border-radius-2); } }

.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: var(--p-z-2); top: var(--p-space-4); right: var(--p-space-4); }

.Polaris-MediaCard__Heading_1brcv { margin-right: var(--p-space-8); }

.Polaris-MediaCard__PrimaryAction_eeemy { margin-right: var(--p-space-2); }

.Polaris-MediaCard__SecondaryAction_1dl4i { margin-left: -var(--p-space-2); }

.Polaris-MediaCard__ActionContainer_hk0rr { padding-top: var(--p-space-2); }

.Polaris-MediaCard__ActionContainer_hk0rr.Polaris-MediaCard--portrait_gnxrv { padding-top: var(--p-space-8); }

@media (max-width: 50.25em) { .Polaris-MediaCard__ActionContainer_hk0rr { padding-top: var(--p-space-8); } }