UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

74 lines (56 loc) 1.69 kB
.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: 47.9975em){ .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%; } @media (min-width: 48em){ .Polaris-MediaCard__MediaContainer_wotws:not(.Polaris-MediaCard--portrait_gnxrv){ border-top-right-radius:0; border-top-left-radius:var(--p-border-radius-200); border-bottom-left-radius:var(--p-border-radius-200); } } .Polaris-MediaCard__MediaContainer_wotws.Polaris-MediaCard--sizeSmall_7647q:not(.Polaris-MediaCard--portrait_gnxrv){ flex-basis:33%; } @media (min-width: 30.625em){ .Polaris-MediaCard__MediaContainer_wotws{ border-top-left-radius:var(--p-border-radius-200); border-top-right-radius:var(--p-border-radius-200); } } .Polaris-MediaCard__InfoContainer_szau8{ position:relative; } .Polaris-MediaCard__InfoContainer_szau8:not(.Polaris-MediaCard--portrait_gnxrv){ flex-basis:60%; } .Polaris-MediaCard__InfoContainer_szau8.Polaris-MediaCard--sizeSmall_7647q:not(.Polaris-MediaCard--portrait_gnxrv){ flex-basis:67%; } .Polaris-MediaCard__ActionContainer_hk0rr{ padding-top:var(--p-space-200); } .Polaris-MediaCard__ActionContainer_hk0rr.Polaris-MediaCard--portrait_gnxrv{ padding-top:var(--p-space-200); } @media (max-width: 47.9975em){ .Polaris-MediaCard__ActionContainer_hk0rr{ padding-top:var(--p-space-200); } }