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
          align-items: center
33
34
          h1 {
35
            flex-basis: 100%
36
37
            $markdownLarge
38
            font-size: 2rem
39
            font-weight: 300
40
            margin: 0 0 1rem 0
41
          }
42
43
          div.Timeago {
44
            flex-basis: 100%
45
            margin-bottom: .6rem
46
          }
47
48
          div.Button.-channel {
49
            margin-right: 1rem
50
          }
51
          div.Likes {
52
          }
53
        }
54
55
        div.author {
56
          display: flex
57
58
          div.leftCol {
59
            margin-right: 1rem
60
            img.Avatar {}
61
          }
62
63
          div.rightCol {
64
            div.name { 
65
              font-size: .9rem
66
              margin-bottom: .5rem
67
            }
68
            div.Button.-follow {} // extract
69
          }
70
        }
71
      }
72
73
      div.break {
74
        padding: 0 1.5rem
75
        $backgroundPrimaryText
76
77
        hr {
78
          margin: 0
79
          border: none
80
          border-bottom: 1px solid gainsboro
81
        }
82
      }
83
84
      section.blog {
85
        $backgroundPrimaryText
86
        padding: 1.5rem
87
88
        margin-bottom: 1.5rem
89
      }
90
91
      div.Comments {
92
      }
93
    }
94
  }
95
}
96
97