1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21@use "../global-styles/variables.module.scss";
@use "../global-styles/fonts.scss";
.tooltip {
background: variables.$white;
padding:variables.$spacing;
color: variables.$black;
box-shadow:
hsl(206 22% 7% / 35%) 0px 10px 38px -10px,
hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
user-select: none;
animation-duration: 400ms;
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform, opacity;
border-radius: variables.$spacing;
border:1px solid variables.$gray;
@include fonts.font-size-small;
p {
display:block
}
}