]>
Commit | Line | Data |
---|---|---|
1 | @use '_variables' as *; | |
2 | @use '_mixins' as *; | |
3 | ||
4 | .actor { | |
5 | display: flex; | |
6 | } | |
7 | ||
8 | .actor-info { | |
9 | display: inline-flex; | |
10 | flex-direction: column; | |
11 | } | |
12 | ||
13 | .actor-info-display-name { | |
14 | @include peertube-word-wrap; | |
15 | @include font-size(1.25rem); | |
16 | ||
17 | font-weight: $font-bold; | |
18 | ||
19 | @media screen and (max-width: $small-view) { | |
20 | @include font-size(18px); | |
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 | padding-bottom: .5rem; | |
32 | } | |
33 | ||
34 | .actor-img-edit-button { | |
35 | border-radius: 50%; | |
36 | ||
37 | position: absolute; | |
38 | bottom: 5px; | |
39 | right: 5px; | |
40 | } | |
41 | ||
42 | .button-focus-within:focus-within { | |
43 | box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest); | |
44 | } | |
45 | ||
46 | .dropdown-item { | |
47 | @include dropdown-with-icon-item; | |
48 | } | |
49 | ||
50 | .dropdown-toggle::after { | |
51 | display: none; | |
52 | } |