git ssb

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