git ssb

2+

mixmix / ticktack



Tree: f279e0482bb337ac884bc177d679b808a5821f23

Files: f279e0482bb337ac884bc177d679b808a5821f23 / app / html / thread.mcss

1450 bytesRaw
1Thread {
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 -unread {
38 font-weight: bold
39 }
40 }
41
42 div.Timeago {
43 justify-content: flex-start
44 }
45 }
46 }
47 }
48}
49
50$chunk {
51 display: flex
52 margin-bottom: .5rem
53
54 img.Avatar {
55 margin-right: 1rem
56 }
57
58 div.msgs {
59 max-width: 80%
60 div.msg-row {
61 display: flex
62 flex-wrap: wrap
63
64 margin-bottom: 3px
65
66 :first-child {
67 div.msg { $roundTop }
68 }
69 :last-child {
70 div.msg { $roundBottom }
71 }
72
73 div.msg {
74 line-height: 1.2
75 $backgroundPrimaryText
76 padding: 0 .7rem
77 border-radius: 4px
78 }
79 div.spacer {
80 flex-grow: 1
81 }
82 div.Timeago {
83 display: none
84
85 flex-basis: 100%
86 margin: .2rem
87
88 /* display: flex */
89 justify-content: flex-end
90 }
91 }
92 }
93
94
95 div.msgs {
96 div.msg-row {
97 :last-child {
98 div.Timeago {
99 display: flex
100 }
101 }
102 }
103 }
104}
105
106

Built with git-ssb-web