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
          $primaryColor
18
19
          (a) { color: #4d3568 }
20
          $roundLeft
21
        }
22
      }
23
    }
24
  }
25
26
  div.other-chunk {
27
    $chunk
28
29
    div.msgs {
30
      div.msg-row {
31
        div.msg {
32
          border: 1.5px #ddd solid
33
          $roundRight
34
        }
35
      }
36
    }
37
  }
38
}
39
40
$chunk {
41
  display: flex
42
  margin-bottom: .5rem
43
44
  div.avatar {
45
    background-color: #333
46
    $smallAvatar
47
48
    img {
49
      $smallAvatar
50
    }
51
52
    margin-right: 1rem
53
  }
54
55
  div.msgs {
56
    max-width: 80%
57
    div.msg-row {
58
      display: flex
59
60
      :first-child {
61
        div.msg { $roundTop }
62
      }
63
      :last-child {
64
        div.msg { $roundBottom }
65
      }
66
67
      div.msg {
68
        line-height: 1.2rem
69
        background-color: #fff
70
        padding: 0 .7rem
71
        margin-bottom: .1rem
72
        border-radius: .3rem
73
      }
74
      div.msg-spacer {
75
        flex-grow: grow
76
      }
77
    }
78
  }
79
}
80
81