]>
Commit | Line | Data |
---|---|---|
1 | @import '_mixins'; | |
2 | ||
3 | .wrapper { | |
4 | $avatar-size: 35px; | |
5 | ||
6 | width: $avatar-size; | |
7 | height: $avatar-size; | |
8 | position: relative; | |
9 | margin-right: 5px; | |
10 | ||
11 | &.avatar-sm { | |
12 | width: 28px; | |
13 | height: 28px; | |
14 | } | |
15 | ||
16 | a { | |
17 | @include disable-outline; | |
18 | } | |
19 | ||
20 | a img { | |
21 | height: 100%; | |
22 | object-fit: cover; | |
23 | position: absolute; | |
24 | top:50%; | |
25 | left:50%; | |
26 | border-radius: 50%; | |
27 | transform: translate(-50%,-50%) | |
28 | } | |
29 | ||
30 | a:nth-of-type(2) img { | |
31 | height: 60%; | |
32 | width: 60%; | |
33 | border: 2px solid var(--mainBackgroundColor); | |
34 | transform: translateX(15%); | |
35 | position: relative; | |
36 | background-color: var(--mainBackgroundColor); | |
37 | } | |
38 | } |