ivue-material-plus/dist/unplugin-vue-components/styles/ivue-tooltip.css

A high quality UI components Library with Vue.js

:root{--ivue-tooltip-popper-top-padding:5px 0 8px;--ivue-tooltip-popper-top-bottom:3px;--ivue-tooltip-popper-top-border-width:5px 5px 0;--ivue-tooltip-popper-left-padding:0 8px 0 5px;--ivue-tooltip-popper-left-right:3px;--ivue-tooltip-popper-left-border-width:5px 0 5px 5px;--ivue-tooltip-popper-right-padding:0 5px 0 8px;--ivue-tooltip-popper-right-left:3px;--ivue-tooltip-popper-right-border-width:5px 5px 5px 0;--ivue-tooltip-popper-bottom-padding:8px 0 5px;--ivue-tooltip-popper-bottom-top:3px;--ivue-tooltip-popper-bottom-border-width:0 5px 5px;--ivue-tooltip-inner-max-width:250px;--ivue-tooltip-inner-min-height:34px;--ivue-tooltip-inner-padding:8px 12px;--ivue-tooltip-inner-radius:4px;--ivue-tooltip-inner-shadow:0 1px 6px rgba(0, 0, 0, 0.2);--ivue-tooltip-popper-light-top-border-width:7px 7px 0;--ivue-tooltip-popper-light-left-border-width:7px 0 7px 7px;--ivue-tooltip-popper-light-right-border-width:7px 7px 7px 0;--ivue-tooltip-popper-light-bottom-border-width:0 7px 7px;--ivue-tooltip-inner-bg:rgba(56, 61, 71, 0.9);--ivue-tooltip-light-border-color:rgba(56, 61, 71, 0.5)}.ivue-tooltip{display:inline-block}.ivue-tooltip-rel{position:relative;width:inherit;display:inline-block}.ivue-tooltip-popper{display:block;visibility:visible;font-size:var(--ivue-font-base-size);line-height:1.5;z-index:1060}.ivue-tooltip-popper[data-popper-placement=top]{padding:var(--ivue-tooltip-popper-top-padding)}.ivue-tooltip-popper[data-popper-placement=top] .ivue-tooltip-arrow{left:50%;margin-left:-5px;bottom:var(--ivue-tooltip-popper-top-bottom);border-width:var(--ivue-tooltip-popper-top-border-width);border-top-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=top-start]{padding:var(--ivue-tooltip-popper-top-padding)}.ivue-tooltip-popper[data-popper-placement=top-start] .ivue-tooltip-arrow{left:16px;bottom:var(--ivue-tooltip-popper-top-bottom);border-width:var(--ivue-tooltip-popper-top-border-width);border-top-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=top-end]{padding:var(--ivue-tooltip-popper-top-padding)}.ivue-tooltip-popper[data-popper-placement=top-end] .ivue-tooltip-arrow{right:16px;bottom:var(--ivue-tooltip-popper-top-bottom);border-width:var(--ivue-tooltip-popper-top-border-width);border-top-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=left-start]{padding:var(--ivue-tooltip-popper-left-padding)}.ivue-tooltip-popper[data-popper-placement=left-start] .ivue-tooltip-arrow{top:8px;right:var(--ivue-tooltip-popper-left-right);border-width:var(--ivue-tooltip-popper-left-border-width);border-left-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=left]{padding:var(--ivue-tooltip-popper-left-padding)}.ivue-tooltip-popper[data-popper-placement=left] .ivue-tooltip-arrow{top:50%;margin-top:-5px;right:var(--ivue-tooltip-popper-left-right);border-width:var(--ivue-tooltip-popper-left-border-width);border-left-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=left-end]{padding:var(--ivue-tooltip-popper-left-padding)}.ivue-tooltip-popper[data-popper-placement=left-end] .ivue-tooltip-arrow{bottom:8px;right:var(--ivue-tooltip-popper-left-right);border-width:var(--ivue-tooltip-popper-left-border-width);border-left-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=right-start]{padding:var(--ivue-tooltip-popper-right-padding)}.ivue-tooltip-popper[data-popper-placement=right-start] .ivue-tooltip-arrow{top:8px;left:var(--ivue-tooltip-popper-right-left);border-width:var(--ivue-tooltip-popper-right-border-width);border-right-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=right]{padding:var(--ivue-tooltip-popper-right-padding)}.ivue-tooltip-popper[data-popper-placement=right] .ivue-tooltip-arrow{top:50%;margin-top:-5px;left:var(--ivue-tooltip-popper-right-left);border-width:var(--ivue-tooltip-popper-right-border-width);border-right-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=right-end]{padding:var(--ivue-tooltip-popper-right-padding)}.ivue-tooltip-popper[data-popper-placement=right-end] .ivue-tooltip-arrow{bottom:8px;left:var(--ivue-tooltip-popper-right-left);border-width:var(--ivue-tooltip-popper-right-border-width);border-right-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=bottom-start]{padding:var(--ivue-tooltip-popper-bottom-padding)}.ivue-tooltip-popper[data-popper-placement=bottom-start] .ivue-tooltip-arrow{left:16px;top:var(--ivue-tooltip-popper-bottom-top);border-width:var(--ivue-tooltip-popper-bottom-border-width);border-bottom-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=bottom]{padding:var(--ivue-tooltip-popper-bottom-padding)}.ivue-tooltip-popper[data-popper-placement=bottom] .ivue-tooltip-arrow{left:50%;margin-left:-5px;top:var(--ivue-tooltip-popper-bottom-top);border-width:var(--ivue-tooltip-popper-bottom-border-width);border-bottom-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-popper[data-popper-placement=bottom-end]{padding:var(--ivue-tooltip-popper-bottom-padding)}.ivue-tooltip-popper[data-popper-placement=bottom-end] .ivue-tooltip-arrow{right:16px;top:var(--ivue-tooltip-popper-bottom-top);border-width:var(--ivue-tooltip-popper-bottom-border-width);border-bottom-color:var(--ivue-tooltip-inner-bg)}.ivue-tooltip-inner{max-width:var(--ivue-tooltip-inner-max-width);min-height:var(--ivue-tooltip-inner-min-height);padding:var(--ivue-tooltip-inner-padding);color:var(--ivue-white-color);text-align:left;text-decoration:none;background-color:var(--ivue-tooltip-inner-bg);border-radius:var(--ivue-tooltip-inner-radius);-webkit-box-shadow:var(--ivue-tooltip-inner-shadow);box-shadow:var(--ivue-tooltip-inner-shadow);word-break:break-all;overflow:hidden}.ivue-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ivue-tooltip-light .ivue-tooltip-inner{background-color:var(--ivue-white-color);color:var(--ivue-title-color)}.ivue-tooltip-light .ivue-tooltip-arrow:after{content:" ";position:absolute;width:0;height:0;border-color:transparent;border-style:solid;z-index:-1}.ivue-tooltip-light[data-popper-placement=top] .ivue-tooltip-arrow{border-top-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=top] .ivue-tooltip-arrow:after{left:50%;margin-left:-7px;bottom:0;border-width:var(--ivue-tooltip-popper-light-top-border-width);border-top-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=top-start] .ivue-tooltip-arrow{border-top-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=top-start] .ivue-tooltip-arrow:after{left:-7px;bottom:0;border-width:var(--ivue-tooltip-popper-light-top-border-width);border-top-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=top-end] .ivue-tooltip-arrow{border-top-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=top-end] .ivue-tooltip-arrow:after{right:-7px;bottom:0;border-width:var(--ivue-tooltip-popper-light-top-border-width);border-top-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=left-start] .ivue-tooltip-arrow{border-left-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=left-start] .ivue-tooltip-arrow:after{top:-7px;right:0;border-width:var(--ivue-tooltip-popper-light-left-border-width);border-left-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=left] .ivue-tooltip-arrow{border-left-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=left] .ivue-tooltip-arrow:after{top:50%;margin-top:-7px;right:0;border-width:var(--ivue-tooltip-popper-light-left-border-width);border-left-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=left-end] .ivue-tooltip-arrow{border-left-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=left-end] .ivue-tooltip-arrow:after{bottom:-7px;right:0;border-width:var(--ivue-tooltip-popper-light-left-border-width);border-left-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=right-start] .ivue-tooltip-arrow{border-right-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=right-start] .ivue-tooltip-arrow:after{top:-7px;left:0;border-width:var(--ivue-tooltip-popper-light-right-border-width);border-right-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=right] .ivue-tooltip-arrow{border-right-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=right] .ivue-tooltip-arrow:after{top:50%;margin-top:-7px;left:0;border-width:var(--ivue-tooltip-popper-light-right-border-width);border-right-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=right-end] .ivue-tooltip-arrow{border-right-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=right-end] .ivue-tooltip-arrow:after{bottom:-7px;left:0;border-width:var(--ivue-tooltip-popper-light-right-border-width);border-right-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=bottom-start] .ivue-tooltip-arrow{border-bottom-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=bottom-start] .ivue-tooltip-arrow:after{left:-7px;top:0;border-width:var(--ivue-tooltip-popper-light-bottom-border-width);border-bottom-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=bottom] .ivue-tooltip-arrow{border-bottom-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=bottom] .ivue-tooltip-arrow:after{left:50%;margin-left:-7px;top:0;border-width:var(--ivue-tooltip-popper-light-bottom-border-width);border-bottom-color:var(--ivue-tooltip-light-border-color)}.ivue-tooltip-light[data-popper-placement=bottom-end] .ivue-tooltip-arrow{border-bottom-color:var(--ivue-white-color)}.ivue-tooltip-light[data-popper-placement=bottom-end] .ivue-tooltip-arrow:after{right:-7px;top:0;border-width:var(--ivue-tooltip-popper-light-bottom-border-width);border-bottom-color:var(--ivue-tooltip-light-border-color)}.fade-tooltip-enter-active,.fade-tooltip-leave-active{-webkit-transition:opacity .3s cubic-bezier(.25,.8,.5,1);transition:opacity .3s cubic-bezier(.25,.8,.5,1)}.fade-tooltip-enter-from,.fade-tooltip-leave-to{opacity:0}