@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 3.48 kB
CSS
.prc-Tooltip-Tooltip-JLsri{display:inline-block;position:relative}.prc-Tooltip-Tooltip-JLsri:after{display:none;font:normal normal var(--text-body-size-small,.75rem) /var(--text-body-lineHeight-small,1.66667) var(--fontStack-system,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");padding:.5em .75em;position:absolute;z-index:1000000;-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis)));letter-spacing:normal;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;word-wrap:break-word;background:var(--tooltip-bgColor,var(--bgColor-emphasis,var(--color-neutral-emphasis-plus)));border-radius:var(--borderRadius-medium,.375rem);content:attr(aria-label);opacity:0;pointer-events:none;white-space:pre}@keyframes prc-Tooltip-tooltip-appear-orG4s{0%{opacity:0}to{opacity:1}}.prc-Tooltip-Tooltip-JLsri:active:after,.prc-Tooltip-Tooltip-JLsri:focus-within:after,.prc-Tooltip-Tooltip-JLsri:focus:after,.prc-Tooltip-Tooltip-JLsri:hover:after{animation-delay:0s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:prc-Tooltip-tooltip-appear-orG4s;animation-timing-function:ease-in;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.prc-Tooltip-Tooltip--noDelay-g8wqY:active:after,.prc-Tooltip-Tooltip--noDelay-g8wqY:focus-within:after,.prc-Tooltip-Tooltip--noDelay-g8wqY:focus:after,.prc-Tooltip-Tooltip--noDelay-g8wqY:hover:after{animation-delay:0s}.prc-Tooltip-Tooltip--multiline-3-2P7:active:after,.prc-Tooltip-Tooltip--multiline-3-2P7:focus-within:after,.prc-Tooltip-Tooltip--multiline-3-2P7:focus:after,.prc-Tooltip-Tooltip--multiline-3-2P7:hover:after{display:table-cell}.prc-Tooltip-Tooltip--s-RbCQB:after,.prc-Tooltip-Tooltip--se-VqnS5:after,.prc-Tooltip-Tooltip--sw-FsNH8:after{margin-top:6px;right:50%;top:100%}.prc-Tooltip-Tooltip--se-VqnS5:after{left:50%;margin-left:calc(var(--base-size-16,1rem)*-1);right:auto}.prc-Tooltip-Tooltip--sw-FsNH8:after{margin-right:calc(var(--base-size-16,1rem)*-1)}.prc-Tooltip-Tooltip--n-SqCQ-:after,.prc-Tooltip-Tooltip--ne-WzCLj:after,.prc-Tooltip-Tooltip--nw-fM9Mv:after{bottom:100%;margin-bottom:6px;right:50%}.prc-Tooltip-Tooltip--ne-WzCLj:after{left:50%;margin-left:calc(var(--base-size-16,1rem)*-1);right:auto}.prc-Tooltip-Tooltip--nw-fM9Mv:after{margin-right:calc(var(--base-size-16,1rem)*-1)}.prc-Tooltip-Tooltip--n-SqCQ-:after,.prc-Tooltip-Tooltip--s-RbCQB:after{transform:translateX(50%)}.prc-Tooltip-Tooltip--w-2-qCh:after{margin-right:6px;right:100%}.prc-Tooltip-Tooltip--e-JU1w8:after,.prc-Tooltip-Tooltip--w-2-qCh:after{bottom:50%;transform:translateY(50%)}.prc-Tooltip-Tooltip--e-JU1w8:after{left:100%;margin-left:6px}.prc-Tooltip-Tooltip--multiline-3-2P7:after{max-width:250px;width:max-content;word-wrap:break-word;border-collapse:separate;white-space:pre-line}.prc-Tooltip-Tooltip--multiline-3-2P7.prc-Tooltip-Tooltip--n-SqCQ-:after,.prc-Tooltip-Tooltip--multiline-3-2P7.prc-Tooltip-Tooltip--s-RbCQB:after{left:50%;right:auto;transform:translateX(-50%)}.prc-Tooltip-Tooltip--multiline-3-2P7.prc-Tooltip-Tooltip--e-JU1w8:after,.prc-Tooltip-Tooltip--multiline-3-2P7.prc-Tooltip-Tooltip--w-2-qCh:after{right:100%}.prc-Tooltip-Tooltip--alignRight-aNEnL:after{margin-right:0;right:0}.prc-Tooltip-Tooltip--alignLeft-LqNu7:after{left:0;margin-left:0}
/*# sourceMappingURL=Tooltip-fffa9948.css.map */