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

Shopify’s admin product component library

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

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

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

.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:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; padding:0.4rem 1.6rem 1.2rem 1.6rem; }

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

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

.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:4rem; text-align:left; cursor:pointer; padding:1rem 0.8rem; border-radius:var(--p-border-radius-base); border-top:1px 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.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

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

.Polaris-ActionList__Item_yiyol:hover{ background-color:var(--p-surface-hovered); text-decoration:none; outline:0.3rem 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.8rem; height:100%; display:block; width:0.3rem; 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.3rem solid transparent; }

.Polaris-ActionList__Item_yiyol:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem 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:2rem; width:2rem; border-radius:3px; margin:-1rem 1.6rem -1rem 0; background-size:cover; background-position:center center; }

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

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

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