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

Shopify’s product component library

.Polaris-Card_yis1o{ background-color:var(--p-surface, white); box-shadow:var(--p-card-shadow, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15)); outline:0.1rem solid transparent; }

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

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

@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, 3px); } }

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

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

.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; } }

.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, #dfe3e8); }

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

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

.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--subdued_3jppn{ background-color:var(--p-surface-subdued, #f9fafb); }

@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, #dfe3e8); 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, #dfe3e8); }

.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, #dfe3e8); padding:2rem; }