@shopify/polaris/build/esnext/components/Layout/Layout.css

Shopify’s admin product component library

.Polaris-Layout_sl20u { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-top: -1rem; margin-left: -1.25rem; }

@media print { body .Polaris-Layout_sl20u { font-size: 0.6875rem; line-height: 1rem; }
  .Polaris-Layout_sl20u a, .Polaris-Layout_sl20u button { color: var(--p-text); } }

.Polaris-Layout__Section_1b1h1 { flex: 2 2 30rem; min-width: 51%; }

@media print { .Polaris-Layout__Section_1b1h1 { flex: 2 2 36rem; } }

.Polaris-Layout__Section--secondary_1sx8i { flex: 1 1 15rem; min-width: 0; }

.Polaris-Layout__Section--fullWidth_3l6fs { flex: 1 1 100%; }

.Polaris-Layout__Section--oneHalf_1qmuc { flex: 1 1 28.125rem; min-width: 0; }

.Polaris-Layout__Section--oneThird_170z4 { flex: 1 1 15rem; 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% - 1.25rem); margin-top: 1rem; margin-left: 1.25rem; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em) { [data-has-navigation] .Polaris-Layout__Section_1b1h1 + .Polaris-Layout__AnnotatedSection_1nyfl, [data-has-navigation] .Polaris-Layout__AnnotatedSection_1nyfl + .Polaris-Layout__AnnotatedSection_1nyfl { padding-top: 1rem; border-top: 0.0625rem solid var(--p-divider); } }

@media (min-width: 30.625em) { .Polaris-Layout__Section_1b1h1 + .Polaris-Layout__AnnotatedSection_1nyfl, .Polaris-Layout__AnnotatedSection_1nyfl + .Polaris-Layout__AnnotatedSection_1nyfl { padding-top: 1rem; border-top: 0.0625rem solid var(--p-divider); } }

.Polaris-Layout__AnnotationWrapper_xpmgu { display: flex; flex-wrap: wrap; margin-top: -1rem; margin-left: -1.25rem; }

.Polaris-Layout__AnnotationContent_36su2 { flex: 2 2 30rem; }

.Polaris-Layout__Annotation_1a51c { flex: 1 1 15rem; padding: 1rem 1.25rem 0; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em) { [data-has-navigation] .Polaris-Layout__Annotation_1a51c { padding: 1rem 0 0; } }

@media (min-width: 30.625em) { .Polaris-Layout__Annotation_1a51c { padding: 1rem 0 0; } }

@media (max-width: 48.0625em) and (min-width: 50em), (min-width: 65em) { [data-has-navigation] .Polaris-Layout__Annotation_1a51c { padding: 1.25rem 1.25rem 1.25rem 0; } }

@media (min-width: 50em) { .Polaris-Layout__Annotation_1a51c { padding: 1.25rem 1.25rem 1.25rem 0; } }

.Polaris-Layout__Annotation_1a51c, .Polaris-Layout__AnnotationContent_36su2 { min-width: 0; max-width: calc(100% - 1.25rem); margin-top: 1rem; margin-left: 1.25rem; }

.Polaris-Layout__AnnotationDescription_1fsez { color: var(--p-text-subdued); }