git ssb

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