@digdir/designsystemet-css/dist/src/tooltip.css

CSS for Designsystemet

.ds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-text-default);--dsc-tooltip-color:var(--ds-color-neutral-background-default);--dsc-tooltip-border-radius:var(--ds-border-radius-default);--dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);--dsc-tooltip-arrow-size:var(--ds-size-2);--dsc-tooltip-transition-duration:0.2s;--dsc-tooltip-transition-delay:150ms;background:var(--dsc-tooltip-background);border:0;border-radius:var(--dsc-tooltip-border-radius);box-sizing:border-box;color:var(--dsc-tooltip-color);inset:0 auto auto 0;line-height:var(--ds-line-height-sm);margin:0;opacity:0;overflow:visible;padding:var(--dsc-tooltip-padding);position:fixed;transition-delay:var(--dsc-tooltip-transition-delay);transition-duration:var(--dsc-tooltip-transition-duration);transition-property:opacity,visibility;transition-timing-function:ease-in-out;visibility:hidden}.ds-tooltip:popover-open{opacity:1;visibility:visible}.ds-tooltip .\:popover-open{opacity:1;visibility:visible}.ds-tooltip:before{background:var(--dsc-tooltip-background);height:var(--dsc-tooltip-arrow-size);rotate:45deg;translate:-50% -50%;width:var(--dsc-tooltip-arrow-size)}.ds-tooltip:after,.ds-tooltip:before{box-sizing:border-box;content:"";left:var(--dsc-tooltip-arrow-x,50%);position:absolute;top:var(--dsc-tooltip-arrow-y,100%)}.ds-tooltip:after{background:transparent;height:var(--_dsc-tooltip-safearea-height,0);translate:var(--_dsc-tooltip-safearea-translate);width:var(--_dsc-tooltip-safearea-width,0)}@media (forced-colors:active){.ds-tooltip{background:CanvasText}}