2 @use '_variables' as *;
5 $index-block-height: 40px;
11 background-color: pvar(--mainColorVeryLight);
17 justify-content: space-between;
20 // Useful on small screens
26 justify-content: center;
28 width: $index-block-height;
29 height: $index-block-height;
30 border-radius: $index-block-height;
31 border: 1px solid pvar(--mainColor);
40 background-color: pvar(--mainBackgroundColor);
45 justify-content: center;
47 border: 1px solid pvar(--mainColor);
50 @include apply-svg-color(pvar(--mainColor));
65 color: pvar(--mainColor);
67 flex-direction: column;
69 width: $index-block-height;
80 background-color: pvar(--mainColor);
81 color: pvar(--mainBackgroundColor);
85 color: pvar(--mainColor);
96 margin: math.div($index-block-height, 2) 10px 0 10px;
98 background-color: pvar(--mainColor);
102 @media screen and (min-width: $small-view) {
109 @media screen and (max-width: $small-view) {