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: 1px #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
      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.2rem
71
        background-color: #fff
72
        padding: 0 .7rem
73
        border-radius: 4px
74
      }
75
      div.spacer {
76
        flex-grow: 1
77
      }
78
    }
79
  }
80
}
81
82