git ssb

1
Thread {
2
  display: flex
3
  flex-direction: column
4
5
  div.my-chunk {
6
    $chunk
7
8
    justify-content: space-between
9
10
    div.avatar {
11
      visibility: hidden
12
    }
13
14
    div.msgs {
15
      div.msg-row {
16
        div.msg {
17
          $colorPrimary
18
19
          $roundLeft
20
        }
21
      }
22
    }
23
  }
24
25
  div.other-chunk {
26
    $chunk
27
28
    div.msgs {
29
      div.msg-row {
30
        div.msg {
31
          border: 1px #ddd solid
32
          $roundRight
33
        }
34
      }
35
    }
36
  }
37
}
38
39
$chunk {
40
  display: flex
41
  margin-bottom: .5rem
42
43
  div.avatar {
44
    background-color: #333
45
    $avatarSmall
46
47
    img {
48
      $avatarSmall
49
    }
50
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.2rem
70
        background-color: #fff
71
        padding: 0 .7rem
72
        border-radius: 4px
73
      }
74
      div.spacer {
75
        flex-grow: 1
76
      }
77
    }
78
  }
79
}
80
81