Vulcan/packages/telescope-theme-hubble/lib/client/scss/partials/_tooltips.scss
Anthony Mayer 30ca412921 Compiling scss as part of build rather than with compass.
Remove dependency on compass, add fourseven:scss (includes autoprefixer),
add reset package, delete compiled css, and some random scss cleanup.
2014-11-23 21:11:15 -08:00

38 lines
No EOL
650 B
SCSS

.has-tooltip{
position:relative;
.tooltip{
pointer-events: none;
position:absolute;
z-index:9999;
left:50%;
top:-40px;
opacity:0;
transition: ease-out, opacity, 300ms, 0ms;
span{
display:block;
white-space:nowrap;
position:relative;
background:black(0.6);
border-radius: 3px;
padding:0px 8px;
left:-50%;
font-size:14px;
color:#fff;
&:after {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-top-color: black(0.6);
border-width: 6px;
left: 50%;
margin-left: -6px;
}
}
}
&:hover .tooltip{
opacity:1;
}
}