Sha256: 40429a808eb84dd3bf09aa7d30207508f30ca5ac64cc2a5bae01c2870ecb25ce
Contents?: true
Size: 1.77 KB
Versions: 246
Compression:
Stored size: 1.77 KB
Contents
// Table of Contents
// ==================================================
// Tooltip
// Tooltip
// ==================================================
.tooltip {
@include transition(opacity 0.1s ease-in-out);
border-color: color(black);
color: color(white);
font-size: text-size(xs);
font-weight: text-weight(semibold);
line-height: text-line-height(xs);
opacity: 0;
position: absolute;
white-space: normal;
z-index: 1070;
&.bottom,
&.top { padding: 5px 0; }
&.left,
&.right { padding: 0 5px; }
&.bottom {
margin-top: 3px;
.tooltip-arrow {
border-bottom-color: inherit;
border-width: 0 5px 5px;
left: 50%;
margin-left: -5px;
top: 0;
}
}
&.top {
margin-top: -3px;
.tooltip-arrow {
border-top-color: inherit;
border-width: 5px 5px 0;
bottom: 0;
left: 50%;
margin-left: -5px;
}
}
&.left {
margin-left: -3px;
.tooltip-arrow {
border-left-color: inherit;
border-width: 5px 0 5px 5px;
margin-top: -5px;
right: 0;
top: 50%;
}
}
&.right {
margin-left: 3px;
.tooltip-arrow {
border-right-color: inherit;
border-width: 5px 5px 5px 0;
left: 0;
margin-top: -5px;
top: 50%;
}
}
&.in { opacity: 1; }
&.dark { border-color: color(black); }
&.light {
border-color: color(haze);
.tooltip-inner { background: color(haze); }
}
&.white {
border-color: color(white);
.tooltip-inner { background: color(white); }
}
}
.tooltip-inner {
background: color(black);
border-radius: border-radius(b);
max-width: 100px;
padding: 10px 15px;
white-space: normal;
}
.tooltip-arrow {
border-color: color(transparent);
border-style: solid;
height: 0;
position: absolute;
width: 0;
}
Version data entries
246 entries across 246 versions & 1 rubygems