Files: b10ce2e3fb81fd4e7ded0080858d4a7ff1d508f9 / app / html / comments.mcss
934 bytesRaw
1 | Comments { |
2 | margin: 0 1.5rem |
3 | |
4 | div.Comment {} |
5 | } |
6 | |
7 | Comment { |
8 | display: flex |
9 | |
10 | div.left { |
11 | margin-right: 1rem |
12 | |
13 | div.Avatar {} |
14 | } |
15 | |
16 | div.right { |
17 | flex-grow: 1 |
18 | |
19 | border-bottom: 1px solid gainsboro |
20 | padding-bottom: 1rem |
21 | margin-bottom: 1rem |
22 | |
23 | section.context { |
24 | display: flex |
25 | align-items: baseline |
26 | |
27 | div.name { |
28 | font-size: 1.2rem |
29 | margin-right: 1rem |
30 | } |
31 | div.Timeago {} |
32 | } |
33 | |
34 | section.content { |
35 | font-size: .9rem |
36 | line-height: 1.4 |
37 | div.Markdown {} |
38 | } |
39 | |
40 | section.actions { |
41 | font-size: 1.2rem |
42 | margin-right: .5rem |
43 | |
44 | display: flex |
45 | justify-content: flex-end |
46 | align-items: baseline |
47 | |
48 | div.reply { |
49 | margin-right: 1.5rem |
50 | i.fa {} |
51 | } |
52 | |
53 | div.Likes { |
54 | min-width: 2.5rem |
55 | |
56 | display: flex |
57 | align-items: center |
58 | |
59 | i.fa { margin-right: .3rem } |
60 | div.count {} |
61 | } |
62 | } |
63 | } |
64 | } |
65 | |
66 |
Built with git-ssb-web