2022-08-29 14:30:59 -04:00
|
|
|
.container {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2022-08-29 14:14:12 -04:00
|
|
|
.barStack:hover {
|
|
|
|
filter: drop-shadow(0 0 calc(4rem / 16) var(--label));
|
|
|
|
}
|
|
|
|
|
|
|
|
.legend {
|
2022-08-29 14:30:59 -04:00
|
|
|
position: absolute;
|
2022-08-29 14:14:12 -04:00
|
|
|
display: flex;
|
2022-09-03 10:36:03 -04:00
|
|
|
font-size: calc(16rem / 16);
|
2022-08-29 14:30:59 -04:00
|
|
|
top: 0;
|
2022-08-29 14:14:12 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.toolTip {
|
2022-09-03 08:25:03 -04:00
|
|
|
font-family: "Inconsolata", monospace;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
position: absolute;
|
|
|
|
background-color: var(--label);
|
|
|
|
color: var(--primary-background);
|
|
|
|
pointer-events: none;
|
|
|
|
border-radius: calc(10rem / 16);
|
|
|
|
padding: calc(10rem / 16);
|
2022-08-29 14:14:12 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.toolTip p {
|
2022-09-03 10:36:03 -04:00
|
|
|
margin: 0 calc(5rem / 16);
|
2022-09-03 08:25:03 -04:00
|
|
|
font-size: calc(16rem / 16);
|
2022-08-29 14:14:12 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.key {
|
2022-09-03 13:53:28 -04:00
|
|
|
font-weight: bold;
|
|
|
|
}
|