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
35
36
37
38
39@use "./variables.module.scss";
@use "./fonts.scss";
.blockers-chart-heading-wrapper{
display: inline-flex;
align-items: flex-start;
justify-content: space-between;
width:100%;
.chart-ranger-select{
label{
display: block;
}
label, select{
@include fonts.font-size-small;
}
select{
padding: variables.$spacing;
}
}
}
.chart-tabs {
margin-top:variables.$spacing;
button {
background: transparent;
border: 0;
padding: variables.$spacing;
color:variables.$white;
cursor: pointer;
&[aria-selected="true"] {
@include fonts.raleway-bold;
border-bottom: calc(variables.$spacing/2) solid variables.$white;
}
}
div[role="tabpanel"]{
padding-top:calc(2*variables.$spacing);
}
}