kingdot
Version:
A UI Components Library For Vue
1 lines • 2.81 kB
CSS
.kd-tooltip-dark .kd-tooltip-inner .kd-popover-title,.kd-tooltip-light .kd-tooltip-inner .kd-popover-title{font-weight:500;font-size:14px;margin-bottom:14px}.kd-tooltip-dark .kd-popover-footer .btn-cancel,.kd-tooltip-light .kd-popover-footer .btn-cancel{margin-right:12px}.kd-tooltip-dark .kd-tooltip-inner{background-color:#2c324d;color:#fff}.kd-tooltip-inner,.kd-tooltip-light .kd-tooltip-inner{background-color:#fff;color:#737373}.kd-tooltip-dark .kd-tooltip-inner .kd-popover-content{color:#8d919b}.kd-tooltip-dark .kd-popover-title-line{margin-bottom:14px;border-bottom:1px solid #414760}.kd-tooltip-dark .kd-popover-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:16px}.kd-tooltip-dark[data-popper-placement^=top] .kd-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:#2c324d}.kd-tooltip-dark[data-popper-placement^=right] .kd-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:#2c324d}.kd-tooltip-dark[data-popper-placement^=bottom] .kd-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:#2c324d}.kd-tooltip-dark[data-popper-placement^=left] .kd-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:#2c324d}.kd-tooltip-light .kd-tooltip-inner .kd-popover-content{color:#737373}.kd-tooltip-light .kd-popover-title-line{margin-bottom:14px;border-bottom:1px solid #e5e5e5}.kd-tooltip-light .kd-popover-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:16px}.kd-tooltip-light[data-popper-placement^=top] .kd-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:#fff}.kd-tooltip-light[data-popper-placement^=right] .kd-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:#fff}.kd-tooltip-light[data-popper-placement^=bottom] .kd-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:#fff}.kd-tooltip-light[data-popper-placement^=left] .kd-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:#fff}.kd-tooltip{position:absolute;display:block;visibility:visible;font-size:12px;line-height:1.5}.kd-tooltip[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.kd-tooltip[data-popper-placement^=top]{padding-bottom:8px}.kd-tooltip[data-popper-placement^=right]{padding-left:8px}.kd-tooltip[data-popper-placement^=bottom]{padding-top:8px}.kd-tooltip[data-popper-placement^=left]{padding-right:8px}.kd-tooltip-limit .kd-tooltip-inner{max-width:calc(240px - 14px - 14px)}.kd-tooltip-inner{padding:14px;border-radius:4px;box-shadow:0 0 15px 0 rgba(0,0,0,.15);text-align:left;text-decoration:none;word-break:break-all;font-size:12px;line-height:20px}.kd-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.kd-tooltip-arrow[data-hide]{visibility:hidden}