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
            margin-right: 2rem
51
          }
52
          div.Shares {
53
            margin-right: 2rem
54
          }
55
          div.Likes {
56
            margin-right: 2rem
57
          }
58
        }
59
60
        div.author {
61
          display: flex
62
63
          div.leftCol {
64
            margin-right: 1rem
65
            img.Avatar {}
66
          }
67
68
          div.rightCol {
69
            div.name {
70
              font-size: .9rem
71
              margin-bottom: .5rem
72
            }
73
            div.Button.-follow {} // extract
74
          }
75
        }
76
      }
77
78
      div.break {
79
        padding: 0 1.5rem
80
        flex-basis: 100%
81
        $backgroundPrimaryText
82
83
        hr {
84
          margin: 0
85
          border: none
86
          $borderBottomLight
87
        }
88
      }
89
90
      section.blog {
91
        flex-basis: 100%
92
        $backgroundPrimaryText
93
        padding: 1.5rem
94
95
        margin-bottom: 1.5rem
96
97
        div.Markdown {
98
          $markdownBlog
99
        }
100
      }
101
102
      div.Comments {
103
        flex-basis: 100%
104
      }
105
    }
106
  }
107
}
108
109