Sha256: 11d90e10f6b6fa4c4b3fb49d3a1dc6b14ee35ef729a6c2a30028ef604325754c
Contents?: true
Size: 1.19 KB
Versions: 90
Compression:
Stored size: 1.19 KB
Contents
.hint-with-icon {
@extend .with-hint;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 $default-margin;
.toolbar_buttons & {
margin: 0 2*$default-margin;
}
> .icon {
text-indent: 0;
}
}
.with-hint {
position: relative;
&:hover {
cursor: help;
> .hint-bubble {
@include hint-hover-style;
}
}
> .hint-bubble {
visibility: hidden;
background-color: $hint-background-color;
color: $hint-text-color;
border-radius: $default-border-radius;
box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 20px;
z-index: 100;
padding: 8px;
line-height: 1.5em;
min-width: 180px;
max-width: 300px;
white-space: normal;
text-align: left;
font-size: $default-font-size;
opacity: 0;
transition: .3s;
pointer-events: none;
&:before {
content: '';
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent $light_yellow transparent;
}
}
}
Version data entries
90 entries across 90 versions & 1 rubygems