cheetah-grid
Version:
Cheetah Grid is a high performance grid engine that works on canvas
43 lines (42 loc) • 904 B
CSS
@keyframes cheetah-grid__tooltip-element--shown-animation {
0% {
opacity: 0;
transform: scale(.8) translateX(-60%);
}
100% {
opacity: 1;
transform: scale(1) translateX(-50%);
}
}
.cheetah-grid__tooltip-element {
position: absolute;
box-sizing: border-box;
border-radius: 3px;
background-color: #232f34;
padding: 8px;
pointer-events: none;
user-select: none;
color: #fff;
}
.cheetah-grid__tooltip-element--hidden {
opacity: 0;
transform: translateX(-50%);
transition: opacity 75ms linear;
}
.cheetah-grid__tooltip-element--shown {
opacity: 1;
transform: translateX(-50%);
animation: cheetah-grid__tooltip-element--shown-animation 150ms ease-out;
}
.cheetah-grid__tooltip-element__content {
font-family: Roboto;
font-size: 12px;
font-size: .75rem;
min-height: 1em;
line-height: 1;
width: 100%;
display: block;
white-space: pre-wrap;
margin: 0;
box-sizing: border-box;
}