]>
Commit | Line | Data |
---|---|---|
bf6c0346 TC |
1 | .profile { |
2 | .details { | |
3 | display: flex; | |
4 | flex-direction: row; | |
5 | ||
6 | .bio { | |
7 | flex: 1; | |
8 | font-size: 14px; | |
9 | line-height: 18px; | |
10 | padding: 5px 10px; | |
11 | order: 1; | |
12 | ||
13 | p { | |
14 | font-size: 14px; | |
15 | font-weight: 400; | |
16 | overflow: hidden; | |
17 | word-break: normal; | |
18 | word-wrap: break-word; | |
19 | } | |
20 | } | |
21 | ||
22 | .details-counters { | |
23 | order: 0; | |
24 | display: flex; | |
25 | flex-direction: row; | |
26 | } | |
27 | ||
28 | .counter { | |
29 | width: 80px; | |
30 | color: #9baec8; | |
31 | padding: 5px 10px 0; | |
32 | margin-bottom: 10px; | |
33 | border-right: 1px solid #9baec8; | |
34 | cursor: default; | |
35 | position: relative; | |
36 | ||
37 | .counter-label { | |
38 | font-size: 12px; | |
39 | text-transform: uppercase; | |
40 | display: block; | |
41 | margin-bottom: 5px; | |
42 | } | |
43 | ||
44 | .counter-number { | |
45 | font-weight: 500; | |
46 | font-size: 18px; | |
47 | color: #00bcd4; | |
48 | } | |
49 | } | |
50 | } | |
51 | img.avatar { | |
52 | width: 10em; | |
53 | } | |
54 | } |