1 | .next-sr-only {
|
2 | position: absolute;
|
3 | width: 1px;
|
4 | height: 1px;
|
5 | padding: 0;
|
6 | overflow: hidden;
|
7 | clip: rect(0, 0, 0, 0);
|
8 | white-space: nowrap;
|
9 | border: 0;
|
10 | top: 0;
|
11 | margin: -1px; }
|
12 |
|
13 |
|
14 | .next-avatar {
|
15 | position: relative;
|
16 | display: inline-block;
|
17 | overflow: hidden;
|
18 | color: #FFFFFF;
|
19 | color: var(--avatar-color, #FFFFFF);
|
20 | white-space: nowrap;
|
21 | text-align: center;
|
22 | vertical-align: middle;
|
23 | background: #E2E4E8;
|
24 | background: var(--avatar-default-bg, #E2E4E8);
|
25 | width: 40px;
|
26 | width: var(--avatar-size-medium, 40px);
|
27 | height: 40px;
|
28 | height: var(--avatar-size-medium, 40px);
|
29 | line-height: 40px;
|
30 | line-height: var(--avatar-size-medium, 40px);
|
31 | border-radius: 50%; }
|
32 | .next-avatar-image {
|
33 | background: transparent; }
|
34 | .next-avatar-string {
|
35 | position: absolute;
|
36 | left: 50%;
|
37 | transform-origin: 0 center; }
|
38 | .next-avatar-large {
|
39 | width: 52px;
|
40 | width: var(--avatar-size-large, 52px);
|
41 | height: 52px;
|
42 | height: var(--avatar-size-large, 52px);
|
43 | line-height: 52px;
|
44 | line-height: var(--avatar-size-large, 52px);
|
45 | border-radius: 50%; }
|
46 | .next-avatar-large-string {
|
47 | position: absolute;
|
48 | left: 50%;
|
49 | transform-origin: 0 center; }
|
50 | .next-avatar-small {
|
51 | width: 28px;
|
52 | width: var(--avatar-size-small, 28px);
|
53 | height: 28px;
|
54 | height: var(--avatar-size-small, 28px);
|
55 | line-height: 28px;
|
56 | line-height: var(--avatar-size-small, 28px);
|
57 | border-radius: 50%; }
|
58 | .next-avatar-small-string {
|
59 | position: absolute;
|
60 | left: 50%;
|
61 | transform-origin: 0 center; }
|
62 | .next-avatar-square {
|
63 | border-radius: 3px;
|
64 | border-radius: var(--avatar-border-radius, 3px); }
|
65 | .next-avatar > img {
|
66 | display: block;
|
67 | width: 100%;
|
68 | height: 100%;
|
69 | object-fit: cover; }
|