git ssb

1
Page -home {
2
3
  div.content {
4
    $backgroundPrimary
5
6
7
    $homePageSection
8
9
    div.threads {
10
      min-width: 60%
11
12
      div.BlogCard {
13
        div.content {
14
          div.subject {
15
            display: flex
16
17
            div.recps {
18
              display: flex
19
              font-weight: 600
20
              margin-right: .4rem
21
22
              div.recp {
23
                margin-right: .4rem
24
              }
25
            }
26
          }
27
        }
28
      }
29
30
      -channel {
31
        $homePageSection
32
33
        div.threads {
34
          div.BlogCard {
35
            div.context {
36
              background: #fff
37
              min-width: 8rem
38
              padding: .1rem .3rem
39
              border: 1px solid #ddd
40
              border-radius: 2px
41
            }
42
          }
43
        }
44
      }
45
46
      -group {
47
        $homePageSection
48
      }
49
    }
50
  }
51
}
52
53
$homePageSection {
54
  $maxWidth
55
  margin-left: auto
56
  margin-right: auto
57
58
  display: flex
59
  flex-direction: column
60
  align-items: center
61
  margin-bottom: 1.5rem
62
63
  h2 {
64
    color: #888
65
    font-size: 1rem
66
    text-align: center
67
    padding-bottom: .3rem
68
    width: 420px
69
    margin-top: 0
70
    margin-bottom: .4rem
71
  }
72
73
  div.threads {
74
    div.BlogCard {} 
75
  }
76
}
77