mirror of
https://github.com/vale981/Vulcan
synced 2025-03-09 20:16:39 -04:00
38 lines
675 B
SCSS
38 lines
675 B
SCSS
|
.has-tooltip{
|
||
|
|
position:relative;
|
||
|
|
.tooltip{
|
||
|
|
pointer-events: none;
|
||
|
|
position:absolute;
|
||
|
|
z-index:9999;
|
||
|
|
left:50%;
|
||
|
|
top:-40px;
|
||
|
|
opacity:0;
|
||
|
|
@include single-transition(ease-out, opacity, 300ms, 0ms);
|
||
|
|
span{
|
||
|
|
display:block;
|
||
|
|
white-space:nowrap;
|
||
|
|
position:relative;
|
||
|
|
background:black(0.6);
|
||
|
|
@include 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;
|
||
|
|
}
|
||
|
|
}
|