git ssb

1
BlogCard {
2
  padding: 1.5rem 0
3
  $backgroundPrimaryText
4
5
  border: 1px solid #fff
6
  transition: all .5s ease
7
8
  display: flex
9
  flex-direction: column
10
11
  div.context {
12
    font-size: .8rem
13
    margin-bottom: 1.5rem
14
15
    display: flex
16
    align-items: center
17
18
    img.Avatar {
19
      margin-right: .5rem
20
    }
21
22
    div.name {
23
      margin-right: 1rem
24
    }
25
  
26
    div.Timeago {}
27
  }
28
29
  div.content {
30
    display: flex
31
    flex-direction: row
32
    flex-grow: 1
33
34
    cursor: pointer
35
36
37
    div.Thumbnail {
38
      margin-right: 1rem
39
    }
40
41
    div.text {
42
      display: flex
43
      flex-wrap: wrap
44
45
      h2 {
46
        $markdownLarge
47
        margin: 0 .5rem 0 0
48
      }
49
      div.Button.-channel {}
50
      div.summary {
51
        flex-basis: 100%
52
      }
53
    }
54
  }
55
  background-color: #fff
56
57
  -unread {
58
    div.content {
59
      font-weight: bold
60
    }
61
    background-color: #fff
62
  }
63
}
64
65
Thumbnail {
66
  border-radius: .5rem
67
  min-width: 9rem 
68
  width: 9rem
69
  min-height: 7rem
70
  height: 7rem
71
72
  -empty {
73
    color: #fff
74
    font-size: 1.8rem
75
    opacity: .8
76
77
    display: flex
78
    justify-content: center
79
    align-items: center
80
  }
81
}
82
83