Files: f279e0482bb337ac884bc177d679b808a5821f23 / app / html / comments.mcss
1139 bytesRaw
1 | Comments { |
2 | margin: 0 1.5rem |
3 | |
4 | div.Comment {} |
5 | |
6 | div.Compose { |
7 | margin-bottom: 1.5rem |
8 | } |
9 | } |
10 | |
11 | Comment { |
12 | display: flex |
13 | |
14 | div.left { |
15 | margin-right: 1rem |
16 | |
17 | div.Avatar {} |
18 | } |
19 | |
20 | div.right { |
21 | flex-grow: 1 |
22 | |
23 | border-bottom: 1px solid gainsboro |
24 | padding-bottom: 1rem |
25 | margin-bottom: 1rem |
26 | |
27 | section.context { |
28 | display: flex |
29 | align-items: baseline |
30 | |
31 | div.name { |
32 | font-size: 1.2rem |
33 | margin-right: 1rem |
34 | } |
35 | div.Timeago {} |
36 | } |
37 | |
38 | section.content { |
39 | font-size: .95rem |
40 | line-height: 1.4 |
41 | div.Markdown {} |
42 | } |
43 | |
44 | section.actions { |
45 | font-size: 1rem |
46 | color: #555 |
47 | margin-right: .5rem |
48 | |
49 | display: flex |
50 | justify-content: flex-end |
51 | align-items: baseline |
52 | |
53 | div.reply { |
54 | cursor: pointer |
55 | |
56 | margin-right: 1.5rem |
57 | i.fa {} |
58 | } |
59 | |
60 | div.Likes { } |
61 | } |
62 | |
63 | div.Compose { |
64 | margin: 1rem 0 |
65 | } |
66 | } |
67 | } |
68 | |
69 | Comment -nested { |
70 | padding: 1rem 1rem 0 1rem |
71 | $backgroundPrimaryText |
72 | $roundTop |
73 | $roundBottom |
74 | |
75 | margin-bottom: 1rem |
76 | |
77 | div.left { margin: 0 } |
78 | div.right { |
79 | padding: 0 |
80 | border: 0 |
81 | margin: 0 |
82 | |
83 | } |
84 | } |
85 | |
86 |
Built with git-ssb-web