alice.mosphere.at
this repo has no description
1.avatar {
2 display: inline-block;
3 line-height: 0;
4 aspect-ratio: 1 / 1;
5 border-radius: 50%;
6 overflow: hidden;
7 background-color: var(--bg-faded-color);
8 box-shadow: 0 0 0 1px var(--bg-blur-color);
9 flex-shrink: 0;
10 vertical-align: middle;
11
12 &.has-alpha {
13 border-radius: 0;
14 background-color: transparent;
15 box-shadow: none;
16
17 img {
18 background-color: transparent;
19 }
20 }
21 &:not(.has-alpha).squircle {
22 border-radius: 25%;
23 }
24
25 img {
26 width: 100%;
27 height: 100%;
28 object-fit: cover;
29 background-color: var(--img-bg-color);
30 contain: none;
31 }
32
33 &[data-loaded],
34 &[data-loaded] img {
35 box-shadow: none;
36 background-color: transparent;
37 }
38}