-
Notifications
You must be signed in to change notification settings - Fork 975
/
theme.css
34 lines (31 loc) · 888 Bytes
/
theme.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
@import '../colors.css';
@import '../variables.css';
@import './config.css';
.tooltipWrapper {
position: relative;
}
.tooltip {
background: var(--tooltip-background);
border-radius: var(--tooltip-border-radius);
color: var(--tooltip-color);
display: block;
font-family: Roboto, sans-serif;
font-size: var(--tooltip-font-size);
font-weight: var(--font-weight-bold);
left: 50%;
line-height: var(--font-size-small);
margin: var(--tooltip-margin 0);
max-width: var(--tooltip-max-width);
padding: var(--tooltip-padding);
position: absolute;
text-align: center;
text-transform: none;
top: 100%;
transform: scale(0) translateX(-50%);
transform-origin: top left;
transition: var(--animation-curve-default) var(--tooltip-animation-duration) transform;
z-index: var(--z-index-higher);
&.tooltipActive {
transform: scale(1) translateX(-50%);
}
}