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

Shopify’s admin product component library

.Polaris-ActionList_z4041 { outline: none; list-style: none; margin: 0; padding: 0; }

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

.Polaris-ActionList__Actions_17m67 { outline: none; list-style: none; margin: 0; border-top: 0.0625rem solid var(--p-divider); padding: 0.5rem; }

.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: 0.8125rem; font-weight: 600; line-height: 1rem; text-transform: uppercase; padding: 0.25rem 1rem 0.75rem 1rem; }

@media (min-width: 40em) { .Polaris-ActionList__Title_2qj8j { font-size: 0.75rem; } }

.Polaris-ActionList__Title_2qj8j.Polaris-ActionList--firstSectionWithTitle_9qrw9 { padding-top: 0.75rem; }

.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; color: inherit; text-decoration: none; position: relative; display: block; width: 100%; min-height: 2.5rem; text-align: left; cursor: pointer; padding: 0.625rem 0.5rem; border-radius: var(--p-border-radius-base); border-top: 0.0625rem solid transparent; }

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

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

.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 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.0625rem); }

@media (forced-colors: active) { .Polaris-ActionList__Item_yiyol { border: 0.0625rem solid transparent; } }

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

.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: -0.5rem; height: 100%; display: block; width: 0.1875rem; border-top-right-radius: var(--p-border-radius-base); border-bottom-right-radius: var(--p-border-radius-base); }

.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: 0.1875rem solid transparent; }

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

.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: 1.25rem; width: 1.25rem; border-radius: 0.1875rem; margin: -0.625rem 1rem -0.625rem 0; background-size: cover; background-position: center center; }

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

.Polaris-ActionList__Suffix_10fbu { margin-left: 1rem; }

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