29 lines
679 B
SCSS
29 lines
679 B
SCSS
|
@import "../base";
|
||
|
@import "./config";
|
||
|
|
||
|
.root {
|
||
|
position: fixed;
|
||
|
z-index: $z-index-high;
|
||
|
display: inline-block;
|
||
|
max-width: $tooltip-max-width;
|
||
|
margin-top: 10px;
|
||
|
padding: $tooltip-padding;
|
||
|
font-size: $font-size-tiny;
|
||
|
font-size: $tooltip-font-size;
|
||
|
font-weight: $font-weight-bold;
|
||
|
line-height: $font-size-small;
|
||
|
color: $tooltip-color;
|
||
|
text-align: center;
|
||
|
background: $tooltip-background;
|
||
|
border-radius: $tooltip-border-radius;
|
||
|
transform: scale(0);
|
||
|
transform-origin: top center;
|
||
|
transition: transform $tooltip-animation-duration $animation-curve-default;
|
||
|
&.active {
|
||
|
transform: scale(1);
|
||
|
}
|
||
|
&.large {
|
||
|
font-size: $font-size-small;
|
||
|
}
|
||
|
}
|