Files: 587259f06bdc6df8de5db46b20722a8402b644dd / app / html / thread.mcss
1004 bytesRaw
1 | Thread { |
2 | $maxWidth |
3 | margin: 0 auto |
4 | |
5 | display: flex |
6 | flex-direction: column |
7 | |
8 | div.my-chunk { |
9 | $chunk |
10 | |
11 | justify-content: space-between |
12 | |
13 | img.Avatar { |
14 | visibility: hidden |
15 | } |
16 | |
17 | div.msgs { |
18 | div.msg-row { |
19 | div.msg { |
20 | $colorMessagePrimary |
21 | |
22 | $roundLeft |
23 | } |
24 | } |
25 | } |
26 | } |
27 | |
28 | div.other-chunk { |
29 | $chunk |
30 | |
31 | div.msgs { |
32 | div.msg-row { |
33 | div.msg { |
34 | border: 1px #fff solid |
35 | $roundRight |
36 | } |
37 | } |
38 | } |
39 | } |
40 | } |
41 | |
42 | $chunk { |
43 | display: flex |
44 | margin-bottom: .5rem |
45 | |
46 | img.Avatar { |
47 | margin-right: 1rem |
48 | } |
49 | |
50 | div.msgs { |
51 | max-width: 80% |
52 | div.msg-row { |
53 | display: flex |
54 | |
55 | margin-bottom: 3px |
56 | |
57 | :first-child { |
58 | div.msg { $roundTop } |
59 | } |
60 | :last-child { |
61 | div.msg { $roundBottom } |
62 | } |
63 | |
64 | div.msg { |
65 | line-height: 1.2 |
66 | $backgroundPrimaryText |
67 | padding: 0 .7rem |
68 | border-radius: 4px |
69 | } |
70 | div.spacer { |
71 | flex-grow: 1 |
72 | } |
73 | } |
74 | } |
75 | } |
76 | |
77 |
Built with git-ssb-web