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