2022-10-25 17:29:56 +00:00
|
|
|
.tooltip {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
color: rgba(255, 255, 255, .8);
|
|
|
|
|
width: max-content;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
background: #111;
|
|
|
|
|
padding: 5px 12px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, .3));
|
|
|
|
|
z-index: 9999;
|
|
|
|
|
|
|
|
|
|
&.show {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition: opacity .5s ease-in-out;
|
|
|
|
|
transition-delay: .3s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-arrow {
|
|
|
|
|
position: absolute;
|
|
|
|
|
background: #111;
|
|
|
|
|
width: 8px;
|
|
|
|
|
height: 8px;
|
|
|
|
|
transform: rotate(45deg);
|
|
|
|
|
}
|
2022-10-27 14:08:26 +00:00
|
|
|
|
|
|
|
|
@media (hover: none) {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
2022-10-25 17:29:56 +00:00
|
|
|
}
|
