git ssb

1
Posts {
2
  grid-template-columns: auto minmax(800px, 1200px) 1rem auto
3
4
  section.content {
5
    div.ThreadCard {
6
      border: none
7
      margin-top: 3rem
8
    }
9
  }
10
}
11
12
ThreadCard {
13
  -loading {
14
    min-height: 20rem
15
  }
16
17
  display: grid
18
  grid-template-columns: 8rem 1fr
19
  grid-gap: 2rem
20
21
  section.context {
22
    display: grid
23
    grid-gap: 1rem
24
    align-content: start
25
    justify-items: end
26
27
    div.avatar {
28
      height: 4rem
29
      width: 4rem
30
      a {
31
        height: 4rem
32
        width: 4rem
33
        img {
34
          height: 4rem
35
          width: 4rem
36
        }
37
      }
38
    }
39
    div.name {
40
      a {
41
        color: #222
42
        font-weight: 600
43
        text-decoration: none
44
      }
45
    }
46
    div.counts {
47
      display: grid
48
      grid-template-columns: auto auto auto
49
      grid-gap: 1rem
50
51
      div {
52
        display: flex
53
        align-items: center
54
        i { margin-left: .3rem }
55
      }
56
    }
57
58
    div.participants {
59
      display: flex
60
      justify-content: flex-end
61
      flex-wrap: wrap
62
63
      a {
64
        height: 2rem
65
        width: 2rem
66
        margin: 0 0 .5rem .5rem
67
        img {
68
          height: 2rem
69
          width: 2rem
70
        }
71
      }
72
    }
73
  }
74
75
  section.content-preview {
76
    cursor: pointer
77
78
    div.root {
79
      div.Markdown {
80
        background-color: #000
81
        color: #fff
82
        line-height: 1.4rem
83
        padding: 2rem
84
85
        max-height: 20rem
86
        overflow: hidden
87
88
        p {
89
          :first-of-type { margin-top: 0 }
90
        }
91
        (img) { max-width: 100% }
92
      }
93
    }
94
95
    div.recent {
96
      div.msg {
97
        margin: 1rem 2rem 0 2rem
98
        display: flex
99
100
        :last-child { margin-bottom: .5rem }
101
102
        div.author {
103
          font-weight: 600 
104
        }
105
        div.preview { margin-left: .5rem }
106
      }
107
    }
108
  }
109
}
110