.kirki-tooltip-wrapper {
position: relative;
z-index: 5; // 2 is enough, but.. just to be safe.
.tooltip-trigger {
position: relative;
top: 0;
left: 3px;
text-decoration: none;
&:hover {
+ .tooltip-content {
bottom: 32px;
opacity: 1;
visibility: visible;
z-index: 99999;
}
}
.dashicons {
font-size: 18px;
width: 18px;
height: 18px;
}
}
.tooltip-content {
position: absolute;
bottom: 29px;
left: 0;
padding: 7px;
min-width: 275px;
width: 100%;
height: fit-content;
font-size: 13px;
color: #fff;
line-height: 1.4em;
background: #000;
border-radius: 3px;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: all 0.2s linear;
/// We might want to bring it back in the future.
// &::before {
// content: '';
// position: absolute;
// bottom: -6px;
// display: block;
// width: 0;
// height: 0;
// border-left: 10px solid transparent;
// border-right: 10px solid transparent;
// border-top: 10px solid #000;
// }
a {
color: #00a0d2;
}
}
}
/*# sourceMappingURL=tooltip.css.map */