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);
42 background-color: pvar(--mainBackgroundColor);
47 justify-content: center;
49 // Better than border color for aliasing
50 box-shadow: 0 0 0 1px var(--mainColor);
54 @include apply-svg-color(pvar(--mainColor));
69 color: pvar(--mainColor);
71 flex-direction: column;
73 width: $index-block-height;
84 background-color: pvar(--mainColor);
85 color: pvar(--mainBackgroundColor);
89 color: pvar(--mainColor);
100 margin: math.div($index-block-height, 2) 10px 0 10px;
102 background-color: pvar(--mainColor);
106 @media screen and (min-width: $small-view) {
113 @media screen and (max-width: $small-view) {