Sha256: c6c2bdfab8cdc25202e49d3c6d779643de0efd21664bcd479d781e823dd0fdf7
Contents?: true
Size: 1.16 KB
Versions: 76
Compression:
Stored size: 1.16 KB
Contents
$tooltip-bubble-background-color: rgba(0, 0, 0, 0.7);
$tooltip-bubble-text-color: #fff;
.tooltip_bubble {
position: absolute;
display: none;
background-color: $tooltip-bubble-background-color;
color: $tooltip-bubble-text-color;
padding: 5px 10px;
top: -30px;
white-space: nowrap;
border-radius: 2px;
pointer-events: none;
&:before {
content: "";
position: absolute;
top: 100%;
left: 8px;
@include triangle(10px, $tooltip-bubble-background-color, down);
}
}
:focus,
:hover {
> .tooltip_bubble {
display: block;
}
}
.tooltip_clue {
position: relative;
border-bottom: 1px dotted;
}
[data-tooltip] {
position: relative;
&:after {
position: absolute;
display: none;
background-color: $tooltip-bubble-background-color;
color: $tooltip-bubble-text-color;
padding: 5px 10px;
top: -33px;
white-space: nowrap;
border-radius: 2px;
content: attr(data-tooltip);
pointer-events: none;
}
&:hover:before {
content: "";
position: absolute;
top: -6px;
left: 8px;
@include triangle(10px, $tooltip-bubble-background-color, down);
}
&:hover:after {
display: block;
}
}
Version data entries
76 entries across 76 versions & 1 rubygems