@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 7.68 kB
CSS
.prc-Popover-Popover-v1ShS{display:none;position:absolute;z-index:100}.prc-Popover-Popover-v1ShS:where([data-open]){display:block}.prc-Popover-Popover-v1ShS:where([data-relative]){position:relative}.prc-Popover-PopoverContent-nMzFS{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);margin-left:auto;margin-right:auto;padding:var(--base-size-24,1.5rem);position:relative;width:232px}.prc-Popover-PopoverContent-nMzFS:after,.prc-Popover-PopoverContent-nMzFS:before{content:"";display:inline-block;left:50%;position:absolute}.prc-Popover-PopoverContent-nMzFS:before{border-bottom-color:transparent;border:var(--base-size-8,.5rem) solid transparent;border-bottom:var(--base-size-8,.5rem) solid var(--borderColor-default,var(--color-border-default));margin-left:-9px;top:calc(var(--base-size-16,1rem)*-1)}.prc-Popover-PopoverContent-nMzFS:after{border:7px solid transparent;border-bottom:7px solid var(--overlay-bgColor,var(--color-canvas-overlay));margin-left:calc(var(--base-size-8,.5rem)*-1);top:-14px}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;top:auto}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-top-color:var(--borderColor-default,var(--color-border-default));bottom:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{border-top-color:var(--overlay-bgColor,var(--color-canvas-overlay));bottom:-14px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS{margin-right:0;right:-9px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{left:auto;margin-left:0}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{right:20px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after{right:21px}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS{left:-9px;margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{left:var(--base-size-24,1.5rem);margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{left:calc(var(--base-size-24,1.5rem) + 1px)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-left-color:var(--borderColor-default,var(--color-border-default));right:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-left-color:var(--overlay-bgColor,var(--color-canvas-overlay));right:-14px}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-right-color:var(--borderColor-default,var(--color-border-default));left:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-right-color:var(--overlay-bgColor,var(--color-canvas-overlay));left:-14px}:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):before{top:var(--base-size-24,1.5rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{top:auto}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{bottom:var(--base-size-16,1rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{bottom:calc(var(--base-size-16,1rem) + 1px)}
/*# sourceMappingURL=Popover-e16fd997.css.map */