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
          -unread {
37
            font-weight: bold
38
          }
39
40
        }
41
      }
42
    }
43
  }
44
}
45
46
$chunk {
47
  display: flex
48
  margin-bottom: .5rem
49
50
  img.Avatar {
51
    margin-right: 1rem
52
  }
53
54
  div.msgs {
55
    max-width: 80%
56
    div.msg-row {
57
      display: flex
58
59
      margin-bottom: 3px
60
61
      :first-child {
62
        div.msg { $roundTop }
63
      }
64
      :last-child {
65
        div.msg { $roundBottom }
66
      }
67
68
      div.msg {
69
        line-height: 1.2
70
        $backgroundPrimaryText
71
        padding: 0 .7rem
72
        border-radius: 4px
73
      }
74
      div.spacer {
75
        flex-grow: 1
76
      }
77
    }
78
  }
79
}
80
81
82
83