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

Shopify’s 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: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{ overflow:hidden; }
  .Polaris-MediaCard__MediaContainer_wotws.Polaris-MediaCard--portrait_gnxrv{ border-top-left-radius:3px; border-top-right-radius:3px; }
  .Polaris-MediaCard__MediaContainer_wotws:not(.Polaris-MediaCard--portrait_gnxrv){ border-top-left-radius:3px; border-bottom-left-radius:3px; } }

.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:1.6rem; right:1.6rem; }

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

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

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

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

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

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