Files: 1c20aa10f87f7b23dd262d5570c1bb0ee166a0d2 / modules_basic / avatar / profile.mcss
733 bytesRaw
1 | Profile { |
2 | section.edit { |
3 | |
4 | } |
5 | |
6 | section.action { |
7 | |
8 | } |
9 | |
10 | section.relationships { |
11 | div { |
12 | display: flex |
13 | flex-wrap: wrap |
14 | justify-content: space-between |
15 | align-content: flex-start |
16 | |
17 | min-height: 5rem |
18 | margin: 1rem 0 |
19 | |
20 | header { |
21 | flex-basis: 100% |
22 | |
23 | margin-bottom: .2rem |
24 | } |
25 | |
26 | a { |
27 | margin-right: .1rem |
28 | |
29 | |
30 | img { $avatar-small } |
31 | } |
32 | |
33 | |
34 | } |
35 | |
36 | div.friends { |
37 | a { |
38 | margin: 0 .15rem 0.2rem 0 |
39 | |
40 | img { |
41 | $avatar-large |
42 | } |
43 | } |
44 | |
45 | } |
46 | |
47 | div.follows { |
48 | |
49 | } |
50 | |
51 | div.followers { |
52 | |
53 | } |
54 | } |
55 | } |
56 | |
57 | $avatar-portrait { |
58 | } |
59 | |
60 | $avatar-large { |
61 | width: 58px |
62 | height: 58px |
63 | } |
64 | |
65 | $avatar-small { |
66 | width: 32px |
67 | height: 32px |
68 | } |
69 | |
70 |
Built with git-ssb-web