element-gui
Version:
A Component Library for Vue.js.
1 lines • 2.76 kB
CSS
.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;top:-9999px;border-radius:2px;padding:10px;z-index:2000;font-size:14px;line-height:20px;min-width:10px;word-wrap:break-word;box-shadow:0 6px 18px 0 rgba(0,0,0,.12)}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:5px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:4px}.el-tooltip__popper[x-placement^=top]{margin-bottom:8px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-5px;border-top-color:rgba(0,0,0,.05);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-4px;border-top-color:rgba(0,0,0,.7);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:8px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-5px;border-top-width:0;border-bottom-color:rgba(0,0,0,.05)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-4px;border-top-width:0;border-bottom-color:rgba(0,0,0,.7)}.el-tooltip__popper[x-placement^=right]{margin-left:8px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-5px;border-right-color:rgba(0,0,0,.05);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-4px;left:1px;border-right-color:rgba(0,0,0,.7);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:8px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-5px;border-right-width:0;border-left-color:rgba(0,0,0,.05)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-4px;margin-left:-5px;border-right-width:0;border-left-color:rgba(0,0,0,.7)}.el-tooltip__popper.is-dark{background:rgba(0,0,0,.7);color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #d2d2d2;box-shadow:0 10px 28px rgba(0,0,0,.08)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#d2d2d2}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}