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

Shopify’s product component library

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

.Polaris-Layout_sl20u.Polaris-Layout--newDesignLanguage_1rik8{ margin-top:-1.6rem; }

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

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

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

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

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

.Polaris-Layout--newDesignLanguage_1rik8 .Polaris-Layout__Section_1b1h1, .Polaris-Layout--newDesignLanguage_1rik8 .Polaris-Layout__AnnotatedSection_1nyfl{ margin-top:1.6rem; }

@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:2rem; border-top:0.1rem solid var(--p-divider, #dfe3e8); }
  .Polaris-Layout--newDesignLanguage_1rik8 [data-has-navigation] .Polaris-Layout__Section_1b1h1 + .Polaris-Layout__AnnotatedSection_1nyfl, .Polaris-Layout--newDesignLanguage_1rik8 [data-has-navigation] .Polaris-Layout__AnnotatedSection_1nyfl + .Polaris-Layout__AnnotatedSection_1nyfl{ padding-top:1.6rem; } }

@media (min-width: 30.625em){ .Polaris-Layout__Section_1b1h1 + .Polaris-Layout__AnnotatedSection_1nyfl, .Polaris-Layout__AnnotatedSection_1nyfl + .Polaris-Layout__AnnotatedSection_1nyfl{ padding-top:2rem; border-top:0.1rem solid var(--p-divider, #dfe3e8); }
  .Polaris-Layout--newDesignLanguage_1rik8 .Polaris-Layout__Section_1b1h1 + .Polaris-Layout__AnnotatedSection_1nyfl, .Polaris-Layout--newDesignLanguage_1rik8 .Polaris-Layout__AnnotatedSection_1nyfl + .Polaris-Layout__AnnotatedSection_1nyfl{ padding-top:1.6rem; } }

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

.Polaris-Layout--newDesignLanguage_1rik8 .Polaris-Layout__AnnotationWrapper_xpmgu{ margin-top:-1.6rem; }

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

.Polaris-Layout__Annotation_1a51c{ flex:1 1 24rem; padding:1.6rem 2rem 0; }

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

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

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

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

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

.Polaris-Layout--newDesignLanguage_1rik8 .Polaris-Layout__Annotation_1a51c, .Polaris-Layout--newDesignLanguage_1rik8 .Polaris-Layout__AnnotationContent_36su2{ margin-top:1.6rem; }

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