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

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-ActionList_z4041 { --pc-action-list-image-size: 1.25rem; --pc-action-list-item-min-height: var(--p-space-10); --pc-action-list-item-vertical-padding: calc((var(--pc-action-list-item-min-height) - var(--p-line-height-2))/2); outline: none; list-style: none; margin: 0; padding: 0; }

.Polaris-ActionList__Section--withoutTitle_1vpsz:not(:first-child) { border-top: var(--p-border-divider); }

.Polaris-ActionList__Actions_17m67 { outline: none; list-style: none; margin: 0; border-top: var(--p-border-divider); padding: var(--p-space-2); }

.Polaris-ActionList_z4041 > .Polaris-ActionList__Section--withoutTitle_1vpsz .Polaris-ActionList__Actions_17m67, .Polaris-ActionList__Section_1b1h1:first-child > .Polaris-ActionList__Section--withoutTitle_1vpsz .Polaris-ActionList__Actions_17m67 { border-top: none; }

.Polaris-ActionList__Title_2qj8j { font-size: var(--p-font-size-2); font-weight: var(--p-font-weight-semibold); line-height: var(--p-line-height-1); text-transform: uppercase; padding: var(--p-space-3) var(--p-space-4) var(--p-space-3) var(--p-space-4); }

@media (min-width: 40em) { .Polaris-ActionList__Title_2qj8j { font-size: var(--p-font-size-1); } }

.Polaris-ActionList__Section_1b1h1:not(:first-child) .Polaris-ActionList__Title_2qj8j { padding-top: var(--p-space-1); }

.Polaris-ActionList__Item_yiyol { -webkit-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; color: inherit; cursor: pointer; position: relative; display: block; width: 100%; min-height: var(--pc-action-list-item-min-height); text-align: left; text-decoration: none; cursor: pointer; padding: var(--pc-action-list-item-vertical-padding) var(--p-space-2); border-radius: var(--p-border-radius-1); border-top: var(--p-border-width-1) solid transparent; color: inherit; }

.Polaris-ActionList__Item_yiyol:focus { outline: none; }

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

@media (forced-colors: active) { .Polaris-ActionList__Item_yiyol { border: var(--p-border-width-1) solid transparent; } }

.Polaris-ActionList__Item_yiyol:hover { background-color: var(--p-surface-hovered); text-decoration: none; outline: var(--p-border-width-3) solid transparent; }

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

.Polaris-ActionList__Item_yiyol:active svg { fill: var(--p-interactive); }

.Polaris-ActionList__Item_yiyol:focus:not(:active) { outline: var(--p-border-width-3) solid transparent; }

.Polaris-ActionList__Item_yiyol:focus:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) solid transparent; }

.Polaris-ActionList__Item_yiyol:visited { color: inherit; }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--active_jeq8y { background-color: var(--p-surface-selected); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--active_jeq8y svg { fill: var(--p-interactive); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--active_jeq8y::before { content: ''; background-color: var(--p-interactive); position: absolute; top: 0; left: calc(var(--p-space-2)*-1); height: 100%; display: block; width: var(--p-border-width-3); border-top-right-radius: var(--p-border-radius-1); border-bottom-right-radius: var(--p-border-radius-1); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--destructive_zy6o5 { color: var(--p-interactive-critical); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--destructive_zy6o5 svg { fill: var(--p-icon-critical); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--destructive_zy6o5:hover { background-color: var(--p-surface-critical-subdued-hovered); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--destructive_zy6o5:active, .Polaris-ActionList__Item_yiyol.Polaris-ActionList--destructive_zy6o5.Polaris-ActionList--active_jeq8y { background-color: var(--p-surface-critical-subdued-pressed); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--disabled_hcuh9 { background-image: none; color: var(--p-text-disabled); }

.Polaris-ActionList__Item_yiyol.Polaris-ActionList--disabled_hcuh9 .Polaris-ActionList__Prefix_10fbz svg, .Polaris-ActionList__Item_yiyol.Polaris-ActionList--disabled_hcuh9 .Polaris-ActionList__Suffix_10fbu svg { fill: var(--p-icon-disabled); }

.Polaris-ActionList__Content_xd1mk { display: flex; align-items: center; }

.Polaris-ActionList__Prefix_10fbz { display: flex; flex: 0 0 auto; justify-content: center; align-items: center; height: var(--pc-action-list-image-size); width: var(--pc-action-list-image-size); border-radius: var(--p-border-radius-base); margin: calc(var(--pc-action-list-image-size)*-0.5) var(--p-space-4) calc(var(--pc-action-list-image-size)*-0.5) 0; background-size: cover; background-position: center center; }

.Polaris-ActionList__Prefix_10fbz svg { fill: var(--p-icon); }

.Polaris-ActionList__Suffix_10fbu { margin-left: var(--p-space-4); }

.Polaris-ActionList__Suffix_10fbu svg { fill: var(--p-icon); }

.Polaris-ActionList__ContentBlock_12i5j, .Polaris-ActionList__ContentBlockInner_282yu { display: block; }

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