git ssb

1
Page -blogShow {
2
  // div.context {}
3
4
  div.content {
5
    header, div, section {
6
      $maxWidth
7
      margin-left: auto
8
      margin-right: auto
9
    }
10
11
    header {
12
      $backgroundPrimaryText
13
      padding: 1rem
14
15
      display: flex
16
17
      div.blog {
18
        display: flex
19
        flex-wrap: wrap
20
        flex-grow: 1
21
22
        h1 {
23
          flex-basis: 100%
24
25
          $markdownLarge
26
          font-size: 2rem
27
          font-weight: 300
28
          margin: 0 0 1rem 0
29
        }
30
31
        div.Timeago {
32
          flex-basis: 100%
33
          margin-bottom: .6rem
34
        }
35
36
        div.Button.-channel {}
37
      }
38
39
      div.author {
40
        display: flex
41
42
        div.leftCol {
43
          margin-right: 1rem
44
          img.Avatar {}
45
        }
46
47
        div.rightCol {
48
          div.name { 
49
            font-size: .9rem
50
            margin-bottom: .5rem
51
          }
52
          div.Button.-follow {} // extract
53
        }
54
      }
55
    }
56
57
    div.break {
58
      padding: 0 1rem
59
      $backgroundPrimaryText
60
61
      hr {
62
        margin: 0
63
        border: none
64
        border-bottom: 1px solid gainsboro
65
      }
66
    }
67
68
    section.blog {
69
      $backgroundPrimaryText
70
      padding: 1rem
71
72
      margin-bottom: 1.5rem
73
    }
74
75
    div.Comments {
76
    }
77
  }
78
}
79
80