1 line
22 KiB
CSS
1 line
22 KiB
CSS
|
/*! 🌼 daisyUI 5.5.7 - MIT License */ @layer utilities{.tooltip{@layer daisyui.l1.l2.l3{&{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative}&>.tooltip-content,&[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;mask-position:-1px 0;mask-repeat:no-repeat;mask-image:var(--mask-tooltip);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&:after{opacity:1;--tt-pos:0rem;@media (prefers-reduced-motion:no-preference){&{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}}}}}.tooltip,.tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(-50%)translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off)50%}&:after{transform:translateX(-50%)translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail)50%}}}.tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(-50%)translateY(var(--tt-pos,-.25rem));inset:var(--tt-off)auto auto 50%}&:after{transform:translateX(-50%)translateY(var(--tt-pos,-.25rem))rotate(180deg);inset:var(--tt-tail)auto auto 50%}}}.tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(calc(var(--tt-pos,.25rem) - .25rem))translateY(-50%);inset:50% var(--tt-off)auto auto}&:after{transform:translateX(var(--tt-pos,.25rem))translateY(-50%)rotate(-90deg);inset:50% calc(var(--tt-tail) + 1px)auto auto}}}.tooltip-right{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(calc(var(--tt-pos,-.25rem) + .25rem))translateY(-50%);inset:50% auto auto var(--tt-off)}&:after{transform:translateX(var(--tt-pos,-.25rem))translateY(-50%)rotate(90deg);inset:50% auto auto calc(var(--tt-tail) + 1px)}}}.tooltip-primary{@layer daisyui.l1.l2{&{--tt-bg:var(--color-primary)}&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.tooltip-secondary{@layer daisyui.l1.l2{&{--tt-bg:var(--color-secondary)}&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.tooltip-accent{@layer daisyui.l1.l2{&{--tt-bg:var(--color-accent)}&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.tooltip-info{@layer daisyui.l1.l2{&{--tt-bg:var(--color-info)}&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.tooltip-success{@layer daisyui.l1.l2{&{--tt-bg:var(--color-success)}&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.tooltip-warning{@layer daisyui.l1.l2{&{--tt-bg:var(--color-warning)}&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.tooltip-error{@layer daisyui.l1.l2{&{--tt-bg:var(--color-error)}&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}@media (width>=640px){.sm\:tooltip{@layer daisyui.l1.l2.l3{&{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative}&>.tooltip-content,&[data-tip]:before{border-radius:var(--radius-field);text-align:ce
|