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