flyonui/components/tooltip/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".tooltip":{"display":"inline-block","text-align":"center"},".tooltip-content":{"visibility":"hidden","position":"absolute","display":"inline-block","padding":"calc(0.25rem * 2)","opacity":"0%","transition-property":"opacity","transition-timing-function":"var(--tw-ease, var(--default-transition-timing-function))","transition-duration":"var(--tw-duration, var(--default-transition-duration))","width":"max-content","z-index":20},".tooltip-body":{"--tooltip-color":"var(--color-neutral)","--tooltip-text-color":"var(--color-neutral-content)","border-radius":"var(--radius-selector)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1)","font-size":"var(--text-sm)","line-height":["var(--tw-leading, var(--text-sm--line-height))","calc(0.25rem * 5)"],"--tw-leading":"calc(0.25rem * 5)","--tw-shadow":"0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","--tw-shadow-color":"color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)","background-color":"var(--tooltip-color)","color":"var(--tooltip-text-color)"},".tooltip-primary":{"--tooltip-color":"var(--color-primary)","--tooltip-text-color":"var(--color-primary-content)"},".tooltip-secondary":{"--tooltip-color":"var(--color-secondary)","--tooltip-text-color":"var(--color-secondary-content)"},".tooltip-accent":{"--tooltip-color":"var(--color-accent)","--tooltip-text-color":"var(--color-accent-content)"},".tooltip-info":{"--tooltip-color":"var(--color-info)","--tooltip-text-color":"var(--color-info-content)"},".tooltip-success":{"--tooltip-color":"var(--color-success)","--tooltip-text-color":"var(--color-success-content)"},".tooltip-warning":{"--tooltip-color":"var(--color-warning)","--tooltip-text-color":"var(--color-warning-content)"},".tooltip-error":{"--tooltip-color":"var(--color-error)","--tooltip-text-color":"var(--color-error-content)"}};