git ssb

1
Page -blogShow {
2
  // div.context {}
3
  div.content { padding: 0 }
4
5
  div.content {
6
    section.top {
7
      position: sticky
8
      left: 0
9
      right: 0
10
      top: 0
11
      background-color: #fff
12
13
      div.blogHeader {
14
      }
15
    }
16
17
    section.content {
18
      $maxWidth 
19
      padding: .8rem
20
      margin: 0 auto
21
22
      header {
23
        $backgroundPrimaryText
24
        padding: 1.5rem
25
26
        display: flex
27
28
        div.blog {
29
          display: flex
30
          flex-wrap: wrap
31
          flex-grow: 1
32
33
          h1 {
34
            flex-basis: 100%
35
36
            $markdownLarge
37
            font-size: 2rem
38
            font-weight: 300
39
            margin: 0 0 1rem 0
40
          }
41
42
          div.Timeago {
43
            flex-basis: 100%
44
            margin-bottom: .6rem
45
          }
46
47
          div.Button.-channel {}
48
        }
49
50
        div.author {
51
          display: flex
52
53
          div.leftCol {
54
            margin-right: 1rem
55
            img.Avatar {}
56
          }
57
58
          div.rightCol {
59
            div.name { 
60
              font-size: .9rem
61
              margin-bottom: .5rem
62
            }
63
            div.Button.-follow {} // extract
64
          }
65
        }
66
      }
67
68
      div.break {
69
        padding: 0 1.5rem
70
        $backgroundPrimaryText
71
72
        hr {
73
          margin: 0
74
          border: none
75
          border-bottom: 1px solid gainsboro
76
        }
77
      }
78
79
      section.blog {
80
        $backgroundPrimaryText
81
        padding: 1.5rem
82
83
        margin-bottom: 1.5rem
84
      }
85
86
      div.Comments {
87
      }
88
    }
89
  }
90
}
91
92