@primer/react
Version:
An implementation of GitHub's Primer Design System using React
3 lines • 6.39 kB
CSS
.prc-ActionList-DividedContent-qks5p{position:relative}.prc-ActionList-DividedContent-qks5p,.prc-ActionList-MainContent-XZAI3{display:flex;flex-grow:1;min-width:0}.prc-ActionList-MainContent-XZAI3{align-items:baseline;flex-direction:var(--main-content-flex-direction)}.prc-ActionList-Item-eN6NY{border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));display:flex;padding:6px var(--base-size-8,.5rem);-webkit-text-decoration:none;text-decoration:none;transition:background 33.333ms linear}.prc-ActionList-Item--danger-2UZJs{color:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-Item--disabled-6k-1w{color:var(--fgColor-disabled,var(--color-primer-fg-disabled));cursor:default}@media (hover:hover) and (pointer:fine){.prc-ActionList-Item-eN6NY:hover{background:var(--item-hover-bg-override,var(--bgColor-muted,var(--color-canvas-subtle)));cursor:pointer}.prc-ActionList-Item--danger-2UZJs:hover{background:var(--item-hover-bg-override,var(--bgColor-danger-muted,var(--color-danger-subtle)));color:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-Item--disabled-6k-1w:hover{background:transparent;cursor:default}}.prc-ActionList-Item-eN6NY:not(:first-of-type):not([data-component="ActionList.Divider"]+*):not([data-component="ActionList.Header"]+*){margin-top:0}.prc-ActionList-Item-eN6NY:not(:first-of-type):not([data-component="ActionList.Divider"]+*):not([data-component="ActionList.Header"]+*) :where([data-divider]){margin-top:1px}.prc-ActionList-Item-eN6NY:not(:first-of-type):not([data-component="ActionList.Divider"]+*):not([data-component="ActionList.Header"]+*) .prc-ActionList-DividedContent-qks5p:before{border-top-width:0;border:0 solid var(--borderColor-muted,var(--color-border-muted));content:" ";display:block;position:absolute;top:-7px;width:100%}:where([data-divider]) .prc-ActionList-DividedContent-qks5p:before{border-top-width:1px}.prc-ActionList-Item-eN6NY:hover .prc-ActionList-DividedContent-qks5p:before,:hover+.prc-ActionList-Item-eN6NY .prc-ActionList-DividedContent-qks5p:before{border-color:var(--item-hover-divider-border-color-override,transparent)}.prc-ActionList-Item-eN6NY:focus .prc-ActionList-DividedContent-qks5p:before,.prc-ActionList-Item-eN6NY[data-is-active-descendant] .prc-ActionList-DividedContent-qks5p:before,:focus+.prc-ActionList-Item-eN6NY .prc-ActionList-DividedContent-qks5p:before,[data-active-descendant]+.prc-ActionList-Item-eN6NY .prc-ActionList-DividedContent-qks5p:before{
/* !important because all the :not's above give higher specificity */border-color:transparent}.prc-ActionList-Item-eN6NY[data-is-active-descendant=activated-directly]{background:var(--bgColor-accent-muted,var(--color-accent-subtle))}.prc-ActionList-Item-eN6NY[data-is-active-descendant=activated-indirectly]{background:var(--bgColor-muted,var(--color-canvas-subtle))}.prc-ActionList-Item-eN6NY:focus{outline:none}.prc-ActionList-Item-eN6NY:active,.prc-ActionList-Item-eN6NY:focus{background:var(--bgColor-accent-muted,var(--color-accent-subtle))}.prc-ActionList-MainContent--inline-112-0{flex-direction:row}.prc-ActionList-MainContent--block-l6ozE{flex-direction:column}.prc-ActionList-BaseVisualContainer-C06g1,.prc-ActionList-LeadingVisualContainer-2mC-O{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:var(--base-size-8,.5rem);width:var(--base-size-16,1rem)}.prc-ActionList-LeadingVisualContainer-2mC-O{flex-direction:column}.prc-ActionList-LeadingVisualContainer-2mC-O svg{fill:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-LeadingVisualContainer-2mC-O:where([data-variant=danger]) svg{fill:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-LeadingVisualContainer-2mC-O:where([data-disabled]) svg{fill:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-ActionList-TrailingContent-0Uf2c{align-items:center;color:var(--fgColor-muted,var(--color-fg-muted));display:flex;flex-shrink:0;height:20px;justify-content:center;margin-left:var(--base-size-8,.5rem);margin-right:0;width:auto}.prc-ActionList-TrailingContent-0Uf2c:where([data-variant=danger]){color:var(--fgColor-muted,var(--color-fg-muted))}.prc-ActionList-TrailingContent-0Uf2c:where([data-disabled]){color:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-ActionList-TrailingContent-0Uf2c div:nth-child(2){margin-left:var(--base-size-8,.5rem)}.prc-ActionList-TrailingContent-0Uf2c svg{fill:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-TrailingContent-0Uf2c:where([data-variant=danger]) svg{fill:var(--fgColor-danger,var(--color-danger-fg))}.prc-ActionList-TrailingContent-0Uf2c:where([data-disabled]) svg{fill:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-ActionList-DescriptionContainer-RBvTf{flex-basis:var(--description-container-flex-basis);flex-grow:1;font-size:var(--text-body-size-small,.75rem);line-height:16px;margin-left:var(--description-container-margin-left);min-width:0}.prc-ActionList-DescriptionContainer-RBvTf,.prc-ActionList-MultiSelectIcon-XFUmo{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-ActionList-MultiSelectIcon-XFUmo rect{fill:var(--bgColor-default,var(--color-canvas-default));stroke:var(--borderColor-default,var(--color-border-default));shape-rendering:auto}.prc-ActionList-MultiSelectIcon-XFUmo path{fill:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));box-shadow:var(--shadow-resting-small,var(--color-shadow-small));opacity:0}.prc-ActionList-MultiSelectIcon-XFUmo:where([data-selected]) rect{fill:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));stroke:var(--bgColor-accent-emphasis,var(--color-accent-emphasis))}.prc-ActionList-MultiSelectIcon-XFUmo:where([data-selected]) path{opacity:1}.prc-ActionList-Item-eN6NY[data-divider]:not(:first-of-type):not([data-component="ActionList.Divider"]+.prc-ActionList-Item-eN6NY):not([data-component="ActionList.Header"]+.prc-ActionList-Item-eN6NY) .prc-ActionList-DividedContent-qks5p:before{border-top-width:var(--borderWidth-thin,.0625rem)}.prc-ActionList-Item-eN6NY[data-divider]:not(:first-of-type):not([data-component="ActionList.Divider"]+.prc-ActionList-Item-eN6NY):not([data-component="ActionList.Header"]+.prc-ActionList-Item-eN6NY){margin-top:1px}
/*# sourceMappingURL=Item-cf87f98a.css.map */