Page -blogShow {
  // div.context {}
  div.content { padding: 0 }

  div.content {
    section.top {
      position: sticky
      left: 0
      right: 0
      top: 0
      background-color: #fff

      div.blogHeader {
      }
    }

    section.content {
      $maxWidth 
      padding: .8rem
      margin: 0 auto

      header {
        $backgroundPrimaryText
        padding: 1.5rem

        display: flex

        div.blog {
          display: flex
          flex-wrap: wrap
          flex-grow: 1
          align-items: center

          h1 {
            flex-basis: 100%

            $markdownLarge
            font-size: 2rem
            font-weight: 300
            margin: 0 0 1rem 0
          }

          div.Timeago {
            flex-basis: 100%
            margin-bottom: .6rem
          }

          div.Button.-channel {
            margin-right: 1rem
          }
          div.Likes {
          }
        }

        div.author {
          display: flex

          div.leftCol {
            margin-right: 1rem
            img.Avatar {}
          }

          div.rightCol {
            div.name { 
              font-size: .9rem
              margin-bottom: .5rem
            }
            div.Button.-follow {} // extract
          }
        }
      }

      div.break {
        padding: 0 1.5rem
        $backgroundPrimaryText

        hr {
          margin: 0
          border: none
          border-bottom: 1px solid gainsboro
        }
      }

      section.blog {
        $backgroundPrimaryText
        padding: 1.5rem

        margin-bottom: 1.5rem
      }

      div.Comments {
      }
    }
  }
}