Page -blogShow {
  // div.context {}

  div.Scroller.content {
    padding: 0
    section.top {
      position: sticky
      top: initial

      div.blogHeader {
      }
    }

    section.content {
      background-color: initial
      padding: .8rem
      margin: 1rem auto

      display: flex

      header {
        $backgroundPrimaryText
        flex-basis: 100%
        padding: 1.5rem

        display: flex

        div.blog {
          display: flex
          flex-wrap: wrap
          flex-basis: 100%
          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
        flex-basis: 100%
        $backgroundPrimaryText

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

      section.blog {
        flex-basis: 100%
        $backgroundPrimaryText
        padding: 1.5rem

        margin-bottom: 1.5rem
      }

      div.Comments {
        flex-basis: 100%
      }
    }
  }
}