UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

56 lines (28 loc) 4 kB
.Polaris-EmptyState_z7e24{ display:flex; flex-direction:column; align-items:center; width:100%; margin:0 auto; padding:2rem 0; padding-top:2rem; padding-bottom:6rem; max-width:99.8rem; } .Polaris-EmptyState__Section_1b1h1{ display:flex; flex-direction:column-reverse; flex:1 1 auto; width:100%; align-items:center; justify-content:center; } @media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState__Section_1b1h1{ left:2rem; } } @media (min-width: 46.5em){ .Polaris-EmptyState__Section_1b1h1{ left:2rem; } } .Polaris-EmptyState__Details_1bdkj{ display:flex; text-align:center; flex-direction:column; align-items:center; } @media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-EmptyState__Details_1bdkj{ max-width:40rem; } } @media (min-width: 30.625em){ .Polaris-EmptyState__Details_1bdkj{ max-width:40rem; } } .Polaris-EmptyState__Image_2qgms{ margin:0; width:initial; } .Polaris-EmptyState__ImageContainer_wrfol, .Polaris-EmptyState__DetailsContainer_1a2i4{ flex:1 1 auto; padding:0; margin:0; } @media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState__ImageContainer_wrfol, [data-has-navigation] .Polaris-EmptyState__DetailsContainer_1a2i4{ flex-basis:50%; } } @media (min-width: 46.5em){ .Polaris-EmptyState__ImageContainer_wrfol, .Polaris-EmptyState__DetailsContainer_1a2i4{ flex-basis:50%; } } @media (max-width: 30.625em), (min-width: 48.0625em) and (max-width: 47.125em){ [data-has-navigation] .Polaris-EmptyState__ImageContainer_wrfol, [data-has-navigation] .Polaris-EmptyState__DetailsContainer_1a2i4{ overflow-x:hidden; } } @media (max-width: 30.625em){ .Polaris-EmptyState__ImageContainer_wrfol, .Polaris-EmptyState__DetailsContainer_1a2i4{ overflow-x:hidden; } } .Polaris-EmptyState--withinContentContainer_1uwmg{ margin:0 auto; padding-top:2rem; padding-bottom:6rem; } .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Section_1b1h1{ position:unset; flex-direction:column-reverse; align-items:center; justify-content:center; } .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Details_1bdkj{ display:flex; text-align:center; flex-direction:column; align-items:center; } @media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Details_1bdkj{ max-width:40rem; } } @media (min-width: 30.625em){ .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Details_1bdkj{ max-width:40rem; } } .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Image_2qgms{ margin:0; width:initial; } .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Content_xd1mk{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; padding-bottom:0.8rem; } @media (min-width: 40em){ .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Content_xd1mk{ font-size:1.4rem; } } @media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState--imageContained_z6t0k .Polaris-EmptyState__Image_2qgms{ position:initial; width:100%; } } @media (min-width: 46.5em){ .Polaris-EmptyState--imageContained_z6t0k .Polaris-EmptyState__Image_2qgms{ position:initial; width:100%; } } .Polaris-EmptyState--fullWidth_zyvh4 .Polaris-EmptyState__Details_1bdkj{ max-width:100%; } .Polaris-EmptyState__Content_xd1mk{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; color:var(--p-text-subdued); padding-bottom:0.8rem; } @media (min-width: 40em){ .Polaris-EmptyState__Content_xd1mk{ font-size:1.4rem; } } .Polaris-EmptyState__Actions_17m67{ margin-top:1.6rem; } .Polaris-EmptyState__FooterContent_pymp5{ color:var(--p-text-subdued); margin-top:1.6rem; }