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