Files: 96337c62e3ddfa9c60cef474a2d2f980e1239221 / contact / html / relationships.mcss
912 bytesRaw
1 | Relationships { |
2 | header { |
3 | margin-bottom: .8rem |
4 | border-bottom: 1px gainsboro solid |
5 | } |
6 | |
7 | div { |
8 | display: flex |
9 | flex-wrap: wrap |
10 | justify-content: space-between |
11 | align-content: flex-start |
12 | |
13 | min-height: 5rem |
14 | margin-bottom: 2rem |
15 | |
16 | header { |
17 | flex-basis: 100% |
18 | |
19 | _textSubtle |
20 | font-size: .9rem |
21 | |
22 | margin-bottom: .2rem |
23 | } |
24 | |
25 | section a { |
26 | margin-right: .2rem |
27 | |
28 | img { _avatar-small } |
29 | } |
30 | } |
31 | |
32 | div.your-status { |
33 | justify-content: flex-start |
34 | align-items: center |
35 | |
36 | margin: 0 |
37 | |
38 | section.action { |
39 | button { margin-left: 0 } |
40 | |
41 | } |
42 | section.status { |
43 | |
44 | } |
45 | } |
46 | |
47 | div.friends { |
48 | section a { |
49 | margin: 0 .2rem 0.2rem 0 |
50 | |
51 | img { |
52 | _avatar-large |
53 | } |
54 | } |
55 | } |
56 | |
57 | div.follows { |
58 | } |
59 | |
60 | div.followers { |
61 | } |
62 | } |
63 | |
64 | _avatar-large { |
65 | width: 56px |
66 | height: 56px |
67 | } |
68 | |
69 | _avatar-small { |
70 | width: 32px |
71 | height: 32px |
72 | } |
73 | |
74 | |
75 |
Built with git-ssb-web