@shopify/polaris
Version:
Shopify’s admin product component library
95 lines (77 loc) • 2.28 kB
CSS
.Polaris-Layout_sl20u{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
margin-top:calc(var(--p-space-400)*-1);
margin-left:calc(var(--p-space-400)*-1);
}
@media print{
body .Polaris-Layout_sl20u{
font-size:var(--p-font-size-300);
line-height:var(--p-font-line-height-400);
}
.Polaris-Layout_sl20u a,
.Polaris-Layout_sl20u button{
color:var(--p-color-text);
}
}
.Polaris-Layout__Section_1b1h1{
flex:var(--pg-layout-relative-size) var(--pg-layout-relative-size) var(--pg-layout-width-primary-min);
min-width:51%;
}
@media print{
.Polaris-Layout__Section_1b1h1{
flex:2 2 22.5rem;
}
}
.Polaris-Layout__Section--fullWidth_3l6fs{
flex:1 1 100%;
}
.Polaris-Layout__Section--oneHalf_1qmuc{
flex:1 1 var(--pg-layout-width-one-half-width-base);
min-width:0;
}
.Polaris-Layout__Section--oneThird_170z4{
flex:1 1 var(--pg-layout-width-one-third-width-base);
min-width:0;
}
.Polaris-Layout__AnnotatedSection_1nyfl{
min-width:0;
flex:1 1 100%;
}
.Polaris-Layout__Section_1b1h1,
.Polaris-Layout__AnnotatedSection_1nyfl{
max-width:calc(100% - var(--p-space-400));
margin-top:var(--p-space-400);
margin-left:var(--p-space-400);
}
.Polaris-Layout__Section_1b1h1 + .Polaris-Layout__AnnotatedSection_1nyfl, .Polaris-Layout__AnnotatedSection_1nyfl + .Polaris-Layout__AnnotatedSection_1nyfl{
border-top:var(--p-border-width-025) solid var(--p-color-border-secondary);
padding-top:var(--p-space-400);
}
.Polaris-Layout__AnnotationWrapper_xpmgu{
display:flex;
flex-wrap:wrap;
margin-top:calc(var(--p-space-400)*-1);
margin-left:calc(var(--p-space-400)*-1);
}
.Polaris-Layout__AnnotationContent_36su2{
flex:var(--pg-layout-relative-size) var(--pg-layout-relative-size) var(--pg-layout-width-primary-min);
}
.Polaris-Layout__Annotation_1a51c{
flex:1 1 var(--pg-layout-width-secondary-min);
padding:var(--p-space-400) var(--p-space-400) 0 0;
}
@media (min-width: 48em){
.Polaris-Layout__Annotation_1a51c{
padding-bottom:var(--p-space-400);
}
}
.Polaris-Layout__Annotation_1a51c,
.Polaris-Layout__AnnotationContent_36su2{
min-width:0;
max-width:calc(100% - var(--p-space-400));
margin-top:var(--p-space-400);
margin-left:var(--p-space-400);
}