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