daisyui/components/tooltip/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".tooltip":{"position":"relative","display":"inline-block","--tt-bg":"var(--color-neutral)","--tt-off":"calc(100% + 0.5rem)","--tt-tail":"calc(100% + 1px + 0.25rem)","--tt-tail-off":"0.5rem"},".tooltip > .tooltip-content, .tooltip[data-tip]:before":{"position":"absolute","max-width":"20rem","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"0.25rem","text-align":"center","white-space":"normal","color":"var(--color-neutral-content)","opacity":"0%","font-size":"0.875rem","line-height":1.25,"background-color":"var(--tt-bg)","width":"max-content","pointer-events":"none","z-index":2,"--tw-content":"attr(data-tip)","content":"var(--tw-content)","transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem))","inset":"auto auto var(--tt-off) 50%"},".tooltip:after":{"opacity":"0%","background-color":"var(--tt-bg)","content":"\"\"","pointer-events":"none","width":"0.625rem","height":"0.25rem","display":"block","position":"absolute","mask-repeat":"no-repeat","mask-position":"-1px 0","--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\")","mask-image":"var(--mask-tooltip)","transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem))","inset":"auto auto var(--tt-tail) 50%"},"@media (prefers-reduced-motion: no-preference)":{".tooltip > .tooltip-content, .tooltip[data-tip]:before, .tooltip:after":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms"}},":is(.tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content, :is(.tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after":{"opacity":"100%","--tt-pos":"0rem","@media (prefers-reduced-motion: no-preference)":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}},"@layer daisyui.l1.l2":{".tooltip-top > .tooltip-content, .tooltip-top[data-tip]:before":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem))","inset":"auto auto var(--tt-off) 50%"},".tooltip-top:after":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem))","inset":"auto auto var(--tt-tail) 50%"},".tooltip-bottom > .tooltip-content, .tooltip-bottom[data-tip]:before":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, -0.25rem))","inset":"var(--tt-off) auto auto 50%"},".tooltip-bottom:after":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, -0.25rem)) rotate(180deg)","inset":"var(--tt-tail) auto auto 50%"},".tooltip-start":{"--tt-trans":"0","--tt-inset":"0 auto","--tt-tail-inset":"var(--tt-tail-off) auto"},".tooltip-start > .tooltip-content, .tooltip-start[data-tip]:before":{"left":"auto","right":"auto","inset-inline":"0 auto"},".tooltip-start:after":{"left":"auto","right":"auto","inset-inline":"var(--tt-tail-off) auto"},".tooltip-center":{"--tt-trans":"-50%","--tt-inset":"50% auto","--tt-tail-inset":"50% auto"},".tooltip-center > .tooltip-content, .tooltip-center[data-tip]:before":{"inset-inline":"auto","left":"50%","right":"auto"},".tooltip-center:after":{"inset-inline":"auto","left":"50%","right":"auto"},".tooltip-end":{"--tt-trans":"0","--tt-inset":"auto 0","--tt-tail-inset":"auto var(--tt-tail-off)"},".tooltip-end > .tooltip-content, .tooltip-end[data-tip]:before":{"left":"auto","right":"auto","inset-inline":"auto 0"},".tooltip-end:after":{"left":"auto","right":"auto","inset-inline":"auto var(--tt-tail-off)"},".tooltip-left > .tooltip-content, .tooltip-left[data-tip]:before":{"transform":"translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem)) translateY(var(--tt-trans, -50%))","left":"auto","right":"var(--tt-off)","inset-block":"var(--tt-inset, 50% auto)"},".tooltip-left:after":{"transform":"translateX(var(--tt-pos, 0.25rem)) translateY(var(--tt-trans, -50%)) rotate(-90deg)","left":"auto","right":"calc(var(--tt-tail) + 1px)","inset-block":"var(--tt-tail-inset, 50% auto)"},".tooltip-right > .tooltip-content, .tooltip-right[data-tip]:before":{"transform":"translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem)) translateY(var(--tt-trans, -50%))","left":"var(--tt-off)","right":"auto","inset-block":"var(--tt-inset, 50% auto)"},".tooltip-right:after":{"transform":"translateX(var(--tt-pos, -0.25rem)) translateY(var(--tt-trans, -50%)) rotate(90deg)","left":"calc(var(--tt-tail) + 1px)","right":"auto","inset-block":"var(--tt-tail-inset, 50% auto)"},".tooltip-primary":{"--tt-bg":"var(--color-primary)"},".tooltip-primary > .tooltip-content, .tooltip-primary[data-tip]:before":{"color":"var(--color-primary-content)"},".tooltip-secondary":{"--tt-bg":"var(--color-secondary)"},".tooltip-secondary > .tooltip-content, .tooltip-secondary[data-tip]:before":{"color":"var(--color-secondary-content)"},".tooltip-accent":{"--tt-bg":"var(--color-accent)"},".tooltip-accent > .tooltip-content, .tooltip-accent[data-tip]:before":{"color":"var(--color-accent-content)"},".tooltip-info":{"--tt-bg":"var(--color-info)"},".tooltip-info > .tooltip-content, .tooltip-info[data-tip]:before":{"color":"var(--color-info-content)"},".tooltip-success":{"--tt-bg":"var(--color-success)"},".tooltip-success > .tooltip-content, .tooltip-success[data-tip]:before":{"color":"var(--color-success-content)"},".tooltip-warning":{"--tt-bg":"var(--color-warning)"},".tooltip-warning > .tooltip-content, .tooltip-warning[data-tip]:before":{"color":"var(--color-warning-content)"},".tooltip-error":{"--tt-bg":"var(--color-error)"},".tooltip-error > .tooltip-content, .tooltip-error[data-tip]:before":{"color":"var(--color-error-content)"}}};