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
    img.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
37
          -unread {
38
            font-weight: bold
39
          }
40
        }
41
42
        div.Timeago {
43
          justify-content: flex-start
44
        }
45
      }
46
    }
47
  }
48
}
49
50
$chunk {
51
  display: flex
52
  margin-bottom: .5rem
53
54
  img.Avatar {
55
    margin-right: 1rem
56
  }
57
58
  div.msgs {
59
    max-width: 80%
60
    div.msg-row {
61
      display: flex
62
      flex-wrap: wrap
63
64
      margin-bottom: 3px
65
66
      :first-child {
67
        div.msg { $roundTop }
68
      }
69
      :last-child {
70
        div.msg { $roundBottom }
71
      }
72
73
      div.msg {
74
        line-height: 1.2
75
        $backgroundPrimaryText
76
        padding: 0 .7rem
77
        border-radius: 4px
78
      }
79
      div.spacer {
80
        flex-grow: 1
81
      }
82
      div.Timeago {
83
        display: none
84
85
        flex-basis: 100%
86
        margin: .5rem
87
88
        /* display: flex */
89
        justify-content: flex-end
90
      }
91
    }
92
  }
93
94
  
95
  div.msgs {
96
    div.msg-row {
97
      :last-child {
98
        div.Timeago {
99
          display: flex
100
        }
101
      }
102
    }
103
  }
104
}
105
106