ten-design-vue
Version:
ten-vue
76 lines (75 loc) • 1.22 kB
CSS
/* dependencies popup */
/**
* 文字部分
* size 大小,line 行高, color 颜色
*/
/* button */
/* input */
/* transfer */
/* alert */
/* menu */
/* message */
/* modal */
/* badge */
/* tag */
/* progress */
/* popup */
/* tooltip */
/* loading */
/* tabs */
/* check */
/* mention */
/* popup */
/* steps */
/* tabs */
/* modal */
/* form */
/* table */
/* pagination */
/* upload */
/* collapse */
/* anchor */
/* list */
.ten-tooltip {
background: none;
box-shadow: none;
}
.ten-tooltip.ten-popup {
overflow: visible;
}
.ten-tooltip-content {
position: relative;
z-index: 1;
padding: 16px;
color: #666;
background: #fff;
box-shadow: 6px 6px 12px 6px rgba(0, 0, 0, 0.08);
border-radius: 0px;
}
.ten-tooltip__extra {
margin-top: 20px;
text-align: right;
}
.ten-tooltip__extra a {
color: #0052d9;
}
.ten-tooltip__extra a:hover,
.ten-tooltip__extra a:focus {
color: #4088ff;
}
.ten-tooltip__extra a:active {
color: #002b73;
}
.ten-tooltip--dark .ten-tooltip-content {
border: none;
background: #5d5d5d;
color: #fff;
}
.ten-tooltip--dark .ten-tooltip__extra a {
color: #fff;
}
.ten-tooltip--dark:after {
z-index: 1;
border-color: none;
background-color: #5d5d5d;
}