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
    div.avatar {
14
      visibility: hidden
15
    }
16
17
    div.msgs {
18
      div.msg-row {
19
        div.msg {
20
          $colorPrimary
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 #ddd solid
35
          $roundRight
36
        }
37
      }
38
    }
39
  }
40
}
41
42
$chunk {
43
  display: flex
44
  margin-bottom: .5rem
45
46
  div.avatar {
47
    background-color: #333
48
    $avatarSmall
49
50
    img {
51
      $avatarSmall
52
    }
53
54
    margin-right: 1rem
55
  }
56
57
  div.msgs {
58
    max-width: 80%
59
    div.msg-row {
60
      display: flex
61
62
      margin-bottom: 3px
63
64
      :first-child {
65
        div.msg { $roundTop }
66
      }
67
      :last-child {
68
        div.msg { $roundBottom }
69
      }
70
71
      div.msg {
72
        line-height: 1.2
73
        background-color: #fff
74
        padding: 0 .7rem
75
        border-radius: 4px
76
      }
77
      div.spacer {
78
        flex-grow: 1
79
      }
80
    }
81
  }
82
}
83
84