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

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-ResourceItem__CheckboxWrapper_11ah0 { display: flex; }

.Polaris-ResourceItem_1uu16 { --pc-resource-item-min-height: 2.75rem; --pc-resource-item-disclosure-width: 3rem; --pc-resource-item-offset: 2.5rem; --pc-resource-item-clickable-stacking-order: 1; --pc-resource-item-content-stacking-order: 2; position: relative; outline: none; cursor: pointer; }

.Polaris-ResourceItem_1uu16:not(.Polaris-ResourceItem--persistActions_1uj4i) .Polaris-ResourceItem__Actions_17m67 { right: var(--p-space-4); }

.Polaris-ResourceItem_1uu16:hover { background-color: var(--p-surface-hovered); }

.Polaris-ResourceItem_1uu16:hover:not(.Polaris-ResourceItem--persistActions_1uj4i) .Polaris-ResourceItem__Actions_17m67 { clip: auto; overflow: visible; height: 100%; }

@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em) { [data-has-navigation] .Polaris-ResourceItem_1uu16:hover:not(.Polaris-ResourceItem--persistActions_1uj4i) .Polaris-ResourceItem__Actions_17m67 { display: none; } }

@media (max-width: 46.5em) { .Polaris-ResourceItem_1uu16:hover:not(.Polaris-ResourceItem--persistActions_1uj4i) .Polaris-ResourceItem__Actions_17m67 { display: none; } }

.Polaris-ResourceItem_1uu16:active { background-color: var(--p-surface-pressed); }

.Polaris-ResourceItem__ItemWrapper_1kbav { overflow: hidden; max-width: 100%; }

.Polaris-ResourceItem--focusedInner_426pi, .Polaris-ResourceItem--focusedInner_426pi.Polaris-ResourceItem--focused_17w4h, .Polaris-ResourceItem--focusedInner_426pi.Polaris-ResourceItem--focused_17w4h.Polaris-ResourceItem--selected_mijeo { box-shadow: none; }

.Polaris-ResourceItem__Link_yj5sy, .Polaris-ResourceItem__Button_r99lw { position: absolute; z-index: var(--pc-resource-item-clickable-stacking-order); top: 0; left: 0; height: 100%; width: 100%; opacity: 0; }

.Polaris-ResourceItem__Button_r99lw { padding: 0; border: none; }

.Polaris-ResourceItem__Container_13mbo { position: relative; z-index: var(--pc-resource-item-content-stacking-order); padding: var(--p-space-3) var(--p-space-4); min-height: var(--pc-resource-item-min-height); display: flex; align-items: flex-start; }

@media (min-width: 28.625em) { .Polaris-ResourceItem__Container_13mbo { padding: var(--p-space-3) var(--p-space-5); } }

.Polaris-ResourceItem--alignmentLeading_1pu7t { align-items: flex-start; }

.Polaris-ResourceItem--alignmentTrailing_cp27m { align-items: flex-end; }

.Polaris-ResourceItem--alignmentCenter_1rtaw { align-items: center; }

.Polaris-ResourceItem--alignmentFill_m3d4l { align-items: stretch; }

.Polaris-ResourceItem--alignmentBaseline_aupj5 { align-items: baseline; }

.Polaris-ResourceItem__Owned_2ppue { display: flex; }

.Polaris-ResourceItem__OwnedNoMedia_19z6h { padding-top: var(--p-space-1); }

.Polaris-ResourceItem__Handle_ja6k3 { width: 3rem; min-height: var(--pc-resource-item-min-height); justify-content: center; align-items: center; margin: calc(var(--p-space-3)*-1) var(--p-space-1) calc(var(--p-space-3)*-1) calc(var(--p-space-3)*-1); display: flex; }

@media (max-width: 28.615em) { .Polaris-ResourceItem__Handle_ja6k3 { visibility: hidden; }
  .Polaris-ResourceItem--selectMode_4098j .Polaris-ResourceItem__Handle_ja6k3 { visibility: visible; } }

.Polaris-ResourceItem--selectable_1tkx2 { width: calc(100% + var(--pc-resource-item-offset)); transform: translateX(calc(var(--pc-resource-item-offset)*-1)); transition: transform var(--p-ease) var(--p-duration-200); margin-right: calc(var(--pc-resource-item-offset)*-1); }

.Polaris-ResourceItem--selectable_1tkx2.Polaris-ResourceItem--selectMode_4098j { transform: translateX(0); }

@media (min-width: 28.625em) { .Polaris-ResourceItem--selectable_1tkx2 { width: 100%; transform: translateX(0); margin-right: 0; } }

.Polaris-ResourceItem__Media_2t8qq { flex: 0 0 auto; margin-right: var(--p-space-5); color: inherit; text-decoration: none; }

.Polaris-ResourceItem__Content_xd1mk { min-width: 0; max-width: 100%; flex: 1 1 auto; }

.Polaris-ResourceItem__Actions_17m67 { position: absolute; top: 0; display: flex; pointer-events: initial; height: 100%; max-height: 3.5rem; clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem); overflow: hidden; height: 0.0625rem; }

.Polaris-ResourceItem--focused_17w4h .Polaris-ResourceItem__Actions_17m67 { clip: auto; overflow: visible; height: 100%; }

@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em) { [data-has-navigation] .Polaris-ResourceItem__Actions_17m67 { display: none; } }

@media (max-width: 46.5em) { .Polaris-ResourceItem__Actions_17m67 { display: none; } }

.Polaris-ResourceItem--persistActions_1uj4i .Polaris-ResourceItem__Actions_17m67 { position: relative; display: flex; flex: 0 0 auto; flex-basis: auto; align-items: center; margin-top: 0; margin-left: var(--p-space-4); pointer-events: initial; height: 100%; }

@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em) { [data-has-navigation] .Polaris-ResourceItem--persistActions_1uj4i .Polaris-ResourceItem__Actions_17m67 { display: none; } }

@media (max-width: 46.5em) { .Polaris-ResourceItem--persistActions_1uj4i .Polaris-ResourceItem__Actions_17m67 { display: none; } }

.Polaris-ResourceItem__Disclosure_yr3nn { position: relative; top: calc(var(--p-space-3)*-1); right: calc(var(--p-space-4)*-1); display: none; width: var(--pc-resource-item-disclosure-width); min-height: var(--pc-resource-item-min-height); pointer-events: initial; }

.Polaris-ResourceItem--selectMode_4098j .Polaris-ResourceItem__Disclosure_yr3nn { display: none; }

@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em) { [data-has-navigation] .Polaris-ResourceItem__Disclosure_yr3nn { display: flex; flex: 0 0 var(--pc-resource-item-disclosure-width); justify-content: center; align-items: center; } }

@media (max-width: 46.5em) { .Polaris-ResourceItem__Disclosure_yr3nn { display: flex; flex: 0 0 var(--pc-resource-item-disclosure-width); justify-content: center; align-items: center; } }

.Polaris-ResourceItem--selected_mijeo { background-color: var(--p-surface-selected); }

.Polaris-ResourceItem--selected_mijeo:hover { background-color: var(--p-surface-selected-hovered); }

.Polaris-ResourceItem--selected_mijeo:active { background-color: var(--p-surface-selected-pressed); }

.Polaris-ResourceItem__ListItem_wxd2m { position: relative; position: relative; }

.Polaris-ResourceItem__ListItem_wxd2m::after { content: ''; position: absolute; z-index: 1; top: 0rem; right: 0rem; bottom: 0rem; left: 0rem; display: block; pointer-events: none; box-shadow: 0 0 0 0rem var(--p-focused); transition: box-shadow var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 0.0625rem); }

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

.Polaris-ResourceItem__ListItem_wxd2m::after { border-radius: var(--p-border-radius-05); }

.Polaris-ResourceItem__ListItem_wxd2m:last-of-type { border-bottom-left-radius: var(--p-border-radius-2); border-bottom-right-radius: var(--p-border-radius-2); }

.Polaris-ResourceItem__ListItem_wxd2m:last-of-type .Polaris-ResourceItem__ItemWrapper_1kbav { border-bottom-left-radius: var(--p-border-radius-2); border-bottom-right-radius: var(--p-border-radius-2); }

.Polaris-ResourceItem__ListItem_wxd2m:last-of-type.Polaris-ResourceItem--focused_17w4h::after { border-bottom-left-radius: var(--p-border-radius-2); border-bottom-right-radius: var(--p-border-radius-2); }

.Polaris-ResourceItem__ListItem_wxd2m.Polaris-ResourceItem--focused_17w4h { z-index: var(--pc-resource-item-clickable-stacking-order); }

.Polaris-ResourceItem__ListItem_wxd2m.Polaris-ResourceItem--focused_17w4h::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) solid transparent; }

* + ul > .Polaris-ResourceItem__ListItem_wxd2m:first-of-type.Polaris-ResourceItem--focused_17w4h::after { top: 0.0625rem; }