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

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Card_yis1o { background-color: var(--p-surface); box-shadow: var(--p-shadow-card); outline: var(--p-border-width-1) solid transparent; }

.Polaris-Card_yis1o + .Polaris-Card_yis1o { margin-top: var(--p-space-4); }

@media print { .Polaris-Card_yis1o + .Polaris-Card_yis1o { margin-top: calc(var(--p-space-2)*-1); } }

@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-2); } }

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

@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: var(--p-space-4) var(--p-space-4) 0; }

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

@media (min-width: 30.625em) { .Polaris-Card__Header_z4uwg { padding: var(--p-space-5) var(--p-space-5) 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: var(--p-space-2) var(--p-space-4) var(--p-space-0); } }

@media print and (min-width: 30.625em) { .Polaris-Card__Header_z4uwg { padding: var(--p-space-2) var(--p-space-4) var(--p-space-0); } }

.Polaris-Card__Section_1b1h1 { padding: var(--p-space-4); }

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

@media (min-width: 30.625em) { .Polaris-Card__Section_1b1h1 { padding: var(--p-space-5); } }

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

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

@media print { .Polaris-Card__Section_1b1h1 { padding-top: var(--p-space-1); padding-bottom: var(--p-space-1); } }

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

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

.Polaris-Card__Section--fullWidth_3l6fs { padding: var(--p-space-4) var(--p-space-0); }

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

@media (min-width: 30.625em) { .Polaris-Card__Section--fullWidth_3l6fs { padding: var(--p-space-5) var(--p-space-0); } }

.Polaris-Card__Section--flush_1tjqa { padding: var(--p-space-0); }

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

@media (min-width: 30.625em) { .Polaris-Card__Section--flush_1tjqa { padding: var(--p-space-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: var(--p-border-divider); margin-top: var(--p-space-5); }

.Polaris-Card__SectionHeader_1aytf { padding-bottom: var(--p-space-2); }

.Polaris-Card__Section--fullWidth_3l6fs .Polaris-Card__SectionHeader_1aytf { padding-left: var(--p-space-4); padding-right: var(--p-space-4); }

@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: var(--p-space-5); padding-right: var(--p-space-5); } }

@media (min-width: 30.625em) { .Polaris-Card__Section--fullWidth_3l6fs .Polaris-Card__SectionHeader_1aytf { padding-left: var(--p-space-5); padding-right: var(--p-space-5); } }

.Polaris-Card__Subsection_197ob + .Polaris-Card__Subsection_197ob { margin-top: var(--p-space-4); padding-top: var(--p-space-4); border-top: var(--p-border-divider); }

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

@media print { .Polaris-Card__Subsection_197ob { padding-top: var(--p-space-1); padding-bottom: var(--p-space-1); } }

.Polaris-Card__Footer_z4ij5 { display: flex; justify-content: flex-end; padding: 0 var(--p-space-4) var(--p-space-4); }

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

@media (min-width: 30.625em) { .Polaris-Card__Footer_z4ij5 { padding: 0 var(--p-space-5) var(--p-space-5); } }

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

.Polaris-Card__Section--subdued_3jppn + .Polaris-Card__Footer_z4ij5 { border-top: var(--p-border-divider); padding: var(--p-space-5); }