]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
cdeddff1 C |
3 | |
4 | .actor { | |
5 | display: flex; | |
6 | ||
746018f6 | 7 | my-actor-avatar { |
27bc9586 | 8 | @include margin-right(15px); |
cdeddff1 C |
9 | } |
10 | ||
11 | .actor-info { | |
12 | display: inline-flex; | |
13 | flex-direction: column; | |
14 | ||
15 | .actor-info-display-name { | |
16 | font-size: 20px; | |
17 | font-weight: $font-bold; | |
18 | ||
19 | @media screen and (max-width: $small-view) { | |
20 | font-size: 16px; | |
21 | } | |
22 | } | |
23 | ||
24 | .actor-info-username { | |
25 | position: relative; | |
26 | font-size: 14px; | |
27 | color: pvar(--greyForegroundColor); | |
28 | } | |
29 | ||
30 | .actor-info-followers { | |
31 | font-size: 15px; | |
32 | padding-bottom: .5rem; | |
33 | } | |
34 | } | |
35 | } | |
36 | ||
37 | .actor-img-edit-container { | |
38 | position: relative; | |
39 | width: 0; | |
40 | } | |
41 | ||
42 | .actor-img-edit-button { | |
43 | top: 55px; | |
44 | right: 45px; | |
45 | border-radius: 50%; | |
46 | } |