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
          $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
  div.avatar {
51
    background-color: #333
52
    $avatarSmall
53
54
    img {
55
      $avatarSmall
56
    }
57
58
    margin-right: 1rem
59
  }
60
61
  div.msgs {
62
    max-width: 80%
63
    div.msg-row {
64
      display: flex
65
66
      margin-bottom: 3px
67
68
      :first-child {
69
        div.msg { $roundTop }
70
      }
71
      :last-child {
72
        div.msg { $roundBottom }
73
      }
74
75
      div.msg {
76
        line-height: 1.2
77
        background-color: #fff
78
        padding: 0 .7rem
79
        border-radius: 4px
80
      }
81
      div.spacer {
82
        flex-grow: 1
83
      }
84
    }
85
  }
86
}
87
88
89
90