git ssb

1
ThreadCard {
2
  display: flex
3
//  align-items: center
4
  flex-direction: column
5
  margin-bottom: .5rem
6
7
  div.context {
8
    display: flex
9
    margin-right: 1rem
10
    font-weight: inherit
11
  }
12
13
  div.content {
14
    display: flex
15
    flex-direction: row
16
    flex-grow: 1
17
18
    cursor: pointer
19
    padding: 1rem
20
    border: 1px solid #ddd
21
    border-radius: 2px
22
23
    transition: all .5s ease
24
25
    :hover {
26
      background-color: #fff
27
      border: 1px solid #fff
28
    }
29
    div.text {
30
      flow-direction: column
31
    }
32
33
    div.subject {
34
      font-size: 1.2rem
35
      margin-bottom: .3rem
36
37
      $markdownLarge
38
    }
39
    div.reply {
40
      color: #444
41
42
      display: flex
43
      align-items: center
44
45
      i.fa-caret-left {
46
        margin-left: .7rem
47
        margin-right: .5rem
48
      }
49
50
      $markdownSmall
51
    }
52
  }
53
54
  -unread {
55
    div.content {
56
      background-color: #fff
57
58
      div.subject {
59
        $markdownBold
60
      }
61
    }
62
  }
63
}
64
65
Thumbnail {
66
  border-radius: 5px
67
  min-width: 100px
68
  min-height: 100px
69
  width: 100px
70
  height: 100px
71
}
72