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

Shopify’s admin product component library

.Polaris-Card_yis1o{ background-color:var(--p-surface); box-shadow:var(--p-card-shadow); outline:0.1rem solid transparent; }

.Polaris-Card_yis1o + .Polaris-Card_yis1o{ margin-top:1.6rem; }

@media print{ .Polaris-Card_yis1o + .Polaris-Card_yis1o{ margin-top:-0.8rem; } }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card_yis1o{ border-radius:var(--p-border-radius-wide); } }

@media (min-width: 30.625em){ .Polaris-Card_yis1o{ border-radius:var(--p-border-radius-wide); } }

@media print{ .Polaris-Card_yis1o{ box-shadow:none; } }

.Polaris-Card--subdued_17vaa{ background-color:var(--p-surface-subdued); }

@media print{ .Polaris-Card__Section--hideOnPrint_f883o, .Polaris-Card--hideOnPrint_1nslv{ display:none !important; } }

.Polaris-Card__Header_z4uwg{ padding:1.6rem 1.6rem 0; }

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

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

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

@media print and (min-width: 30.625em){ .Polaris-Card__Header_z4uwg{ padding:0.8rem 1.6rem 0; } }

.Polaris-Card__Section_1b1h1{ padding:1.6rem; }

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

@media (min-width: 30.625em){ .Polaris-Card__Section_1b1h1{ padding:2rem; } }

.Polaris-Card__Section_1b1h1 + .Polaris-Card__Section_1b1h1{ border-top:0.1rem solid var(--p-divider); }

@media print{ .Polaris-Card__Section_1b1h1 + .Polaris-Card__Section_1b1h1{ border-top:0; } }

@media print{ .Polaris-Card__Section_1b1h1{ padding-top:0.4rem; padding-bottom:0.4rem; } }

.Polaris-Card__Section_1b1h1:first-child{ border-top-left-radius:var(--p-border-radius-wide); border-top-right-radius:var(--p-border-radius-wide); }

.Polaris-Card__Section_1b1h1:last-child{ border-bottom-left-radius:var(--p-border-radius-wide); border-bottom-right-radius:var(--p-border-radius-wide); }

.Polaris-Card__Section--fullWidth_3l6fs{ padding:1.6rem 0; }

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

@media (min-width: 30.625em){ .Polaris-Card__Section--fullWidth_3l6fs{ padding:2rem 0; } }

.Polaris-Card__Section--flush_1tjqa{ padding:0; }

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

@media (min-width: 30.625em){ .Polaris-Card__Section--flush_1tjqa{ padding:0; } }

.Polaris-Card__Section--subdued_3jppn{ background-color:var(--p-surface-subdued); }

@media (-ms-high-contrast: active){ .Polaris-Card__Section--subdued_3jppn{ background-color:transparent; } }

.Polaris-Card__Header_z4uwg + .Polaris-Card__Section--subdued_3jppn{ border-top:0.1rem solid var(--p-divider); margin-top:2rem; }

.Polaris-Card__SectionHeader_1aytf{ padding-bottom:0.8rem; }

.Polaris-Card__Section--fullWidth_3l6fs .Polaris-Card__SectionHeader_1aytf{ padding-left:1.6rem; padding-right:1.6rem; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Section--fullWidth_3l6fs .Polaris-Card__SectionHeader_1aytf{ padding-left:2rem; padding-right:2rem; } }

@media (min-width: 30.625em){ .Polaris-Card__Section--fullWidth_3l6fs .Polaris-Card__SectionHeader_1aytf{ padding-left:2rem; padding-right:2rem; } }

.Polaris-Card__Subsection_197ob + .Polaris-Card__Subsection_197ob{ margin-top:1.6rem; padding-top:1.6rem; border-top:0.1rem solid var(--p-divider); }

@media print{ .Polaris-Card__Subsection_197ob + .Polaris-Card__Subsection_197ob{ border-top:0; } }

@media print{ .Polaris-Card__Subsection_197ob{ padding-top:0.4rem; padding-bottom:0.4rem; } }

.Polaris-Card__Footer_z4ij5{ display:flex; justify-content:flex-end; padding:0 1.6rem 1.6rem; }

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

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

.Polaris-Card__Footer_z4ij5.Polaris-Card__LeftJustified_1ldly{ justify-content:flex-start; }

.Polaris-Card__Section--subdued_3jppn + .Polaris-Card__Footer_z4ij5{ border-top:0.1rem solid var(--p-divider); padding:2rem; }