insomnia/packages/insomnia-app/app/ui/css/components/tooltip.less
Gregory Schier 1770319ac2
Convert Less vars to CSS vars (#1923)
* Created css vars for every less var

* Finish converting Less var to CSS vars
2020-02-03 12:26:56 -05:00

37 lines
726 B
Plaintext

.tooltip {
position: relative;
display: inline-block;
}
.tooltip__bubble {
position: fixed;
left: -999999px;
opacity: 0;
background: var(--color-bg);
border: 1px solid var(--hl-sm);
box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
color: var(--color-font);
padding: var(--padding-sm) var(--padding-md);
border-radius: var(--radius-sm);
font-size: var(--font-size-sm);
max-width: 20rem;
text-align: center;
z-index: 10;
white-space: normal !important;
word-wrap: break-word;
&.tooltip__bubble--visible {
opacity: 1;
z-index: 99999;
transition: opacity 200ms;
// Back to normal
height: auto;
line-height: normal;
}
&.tooltip__bubble--wide {
max-width: 30rem;
}
}