vue-amazing-ui/lib/tooltip/Tooltip.css

An Amazing Vue3 UI Components Library, Using TypeScript.

.m-tooltip-wrap[data-v-703d1812]{position:relative;display:inline-block}.zoom-enter[data-v-703d1812]{transform:none;opacity:0;animation-duration:var(--tooltip-transition-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zoom-enter-active[data-v-703d1812]{animation-name:zoomIn-703d1812;animation-play-state:running}@keyframes zoomIn-703d1812{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.zoom-leave[data-v-703d1812]{animation-duration:var(--tooltip-transition-duration);animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-leave-active[data-v-703d1812]{animation-name:zoomOut-703d1812;animation-play-state:running;pointer-events:none}@keyframes zoomOut-703d1812{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.tooltip-card-container[data-v-703d1812]{position:absolute;z-index:999;width:max-content;outline:none}.tooltip-card-container .tooltip-card[data-v-703d1812]{min-width:32px;max-width:var(--tooltip-max-width);min-height:32px;padding:6px 8px;font-size:14px;color:#fff;line-height:1.57142857;text-align:justify;text-decoration:none;word-break:break-all;background-color:var(--tooltip-background-color);border-radius:6px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.tooltip-card-container .tooltip-card[data-v-703d1812] svg{fill:currentColor}.tooltip-card-container .tooltip-arrow[data-v-703d1812]{position:absolute;z-index:9;display:block;pointer-events:none;width:16px;height:16px;overflow:hidden}.tooltip-card-container .tooltip-arrow[data-v-703d1812]:before{position:absolute;width:16px;height:8px;background-color:var(--tooltip-background-color);clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");content:""}.tooltip-card-container .tooltip-arrow[data-v-703d1812]:after{position:absolute;width:8.97056275px;height:8.97056275px;margin:auto;border-radius:0 0 2px;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px #0000001a;z-index:0;background:transparent;content:""}.tooltip-card-container .arrow-top[data-v-703d1812]{left:50%;bottom:12px;transform:translate(-50%) translateY(100%) rotate(180deg)}.tooltip-card-container .arrow-top[data-v-703d1812]:before{bottom:0;left:0}.tooltip-card-container .arrow-top[data-v-703d1812]:after{bottom:0;left:0;right:0}.tooltip-card-container .arrow-bottom[data-v-703d1812]{left:50%;top:12px;transform:translate(-50%) translateY(-100%) rotate(0)}.tooltip-card-container .arrow-bottom[data-v-703d1812]:before{bottom:0;left:0}.tooltip-card-container .arrow-bottom[data-v-703d1812]:after{bottom:0;left:0;right:0}.tooltip-card-container .arrow-left[data-v-703d1812]{top:50%;right:12px;transform:translate(100%) translateY(-50%) rotate(90deg)}.tooltip-card-container .arrow-left[data-v-703d1812]:before{bottom:0;left:0}.tooltip-card-container .arrow-left[data-v-703d1812]:after{bottom:0;left:0;right:0}.tooltip-card-container .arrow-right[data-v-703d1812]{top:50%;left:12px;transform:translate(-100%) translateY(-50%) rotate(-90deg)}.tooltip-card-container .arrow-right[data-v-703d1812]:before{bottom:0;left:0}.tooltip-card-container .arrow-right[data-v-703d1812]:after{bottom:0;left:0;right:0}.tooltip-top-padding[data-v-703d1812]{padding-bottom:12px}.tooltip-bottom-padding[data-v-703d1812]{padding-top:12px}.tooltip-left-padding[data-v-703d1812]{padding-right:12px}.tooltip-right-padding[data-v-703d1812]{padding-left:12px}.tooltip-content[data-v-703d1812]{display:inline-block}