1 @use '_variables' as *;
6 --initialFontSize: 22px;
8 width: var(--avatarSize);
9 height: var(--avatarSize);
10 min-width: var(--avatarSize);
11 min-height: var(--avatarSize);
23 $sizes: '18', '25', '28', '32', '34', '35', '36', '40', '48', '75', '80', '100', '120';
25 @each $size in $sizes {
27 --avatarSize: #{$size}px;
32 --initialFontSize: 13px;
36 --initialFontSize: 40px;
40 --initialFontSize: 46px;
44 text-decoration: none;
48 background-color: #3C2109;
52 justify-content: center;
53 font-size: var(--initialFontSize);
56 background-color: #009FD4;
60 background-color: #00AA55;
64 background-color: #B381B3;
68 background-color: #939393;
72 background-color: #AA8F00;
76 background-color: #D47500;
80 background-color: #E76E3C;
84 background-color: #0A3055;