xdesign-vue-next
Version:
XDesign Component for vue-next
56 lines (55 loc) • 1.99 kB
CSS
.x-tooltip .x-popup__content {
display: inline-block;
border: 0;
z-index: 5600;
margin-bottom: 1px;
max-width: 480px;
word-break: break-word;
box-sizing: border-box;
border-radius: var(--td-radius-medium);
color: var(--td-text-color-primary);
}
.x-tooltip--default .x-popup__content {
color: var(--td-text-color-anti);
background: var(--td-gray-color-13);
box-shadow: inset 0 0.5px 0 var(--td-gray-color-9), inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="left"] .x-popup__arrow:before {
box-shadow: inset -0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="right"] .x-popup__arrow:before {
box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="top"] .x-popup__arrow:before {
box-shadow: inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="bottom"] .x-popup__arrow:before {
box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.x-tooltip--primary .x-popup__content {
color: var(--td-brand-color);
background: var(--td-brand-color-light);
}
.x-tooltip--success .x-popup__content {
color: var(--td-success-color);
background: var(--td-success-color-light);
}
.x-tooltip--danger .x-popup__content {
color: var(--td-error-color);
background: var(--td-error-color-light);
}
.x-tooltip--warning .x-popup__content {
color: var(--td-warning-color);
background: var(--td-warning-color-light);
}
.x-tooltip .x-popup__arrow {
background: inherit;
height: auto;
}
.x-tooltip .x-popup__arrow::before {
background: inherit;
}
.x-tooltip--noshadow .x-popup__content,
.x-tooltip--noshadow[data-popper-placement] .x-popup__arrow:before {
box-shadow: none;
}