@shopify/polaris
Version:
Shopify’s admin product component library
74 lines (56 loc) • 1.69 kB
CSS
.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);
}
}