git ssb

1
Page -blogShow {
2
  // div.context {}
3
4
  div.Scroller.content {
5
    padding: 0
6
    section.top {
7
      position: sticky
8
      top: initial
9
10
      div.blogHeader {
11
      }
12
    }
13
14
    section.content {
15
      background-color: initial
16
      padding: .8rem
17
      margin: 1rem auto
18
19
      display: flex
20
21
      header {
22
        $backgroundPrimaryText
23
        flex-basis: 100%
24
        padding: 1.5rem
25
26
        display: flex
27
28
        div.blog {
29
          display: flex
30
          flex-wrap: wrap
31
          flex-basis: 100%
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
        flex-basis: 100%
76
        $backgroundPrimaryText
77
78
        hr {
79
          margin: 0
80
          border: none
81
          border-bottom: 1px solid gainsboro
82
        }
83
      }
84
85
      section.blog {
86
        flex-basis: 100%
87
        $backgroundPrimaryText
88
        padding: 1.5rem
89
90
        margin-bottom: 1.5rem
91
      }
92
93
      div.Comments {
94
        flex-basis: 100%
95
      }
96
    }
97
  }
98
}
99
100