src/scss/tooltip.scss
/**
* http://www.google.com/design/spec/components/tooltips.html#
*/
.Tooltip {
position: absolute;
z-index: 100;
color: #fff;
font-size: 14px;
border-radius: 4px;
margin-top: 4px;
padding: 0 16px;
height: 44px;
background: rgba(0, 0, 0, 0.9);
display: flex;
align-items: center;
pointer-events: none;
transform-origin: center top;
opacity: 0;
&.is-active {
opacity: 1;
transition: opacity 0.15s ease-in-out;
}
}