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