Page -blogNew {
  div.SideNav {}

  div.content {
    display: flex

    div.container {
      flex-basis: 100%
      $maxWidth
      margin: 0 auto

      div.field {
        margin-bottom: .5rem
        $maxWidth

        display: flex
        align-items: center

        div.label {
          flex-basis: 4.5rem
          padding-left: 1rem
          margin-right: 1rem
        }

        input {
          flex-grow: 1
          $fontBasic
          padding: .6rem 1rem

          border-radius: 4rem
          $borderSubtle
          outline: none
        }

        -title {
          margin: 0
          background-color: #fff

          h1.input {
            flex-grow: 1
            $fontTitle

            padding: 2rem 1rem .6rem 1rem
            border: none
            border-radius: 0
            margin: 0
            outline: none

            -empty {
              font-style: italic
              color: #b3b3b1

              ::after {
                content: attr(data-placeholder)
              }
            }
          }
        }

        -attachment {
          margin-top: .5rem
          margin-left: 0

          /* copied from message.html.compose */
          input[type="file"] {
            border: none
            flex-grow: 0

            color: transparent

            ::-webkit-file-upload-button {
              visibility: hidden
            }

            ::before {
              $attachButton
              /* padding-top: .3rem */

              /* content: '📎' */
              content: url('file.png')
              font-size: 1rem

              outline: none
              white-space: nowrap
              -webkit-user-select: none
            }

            :active, :focus {
              outline: none
              box-shadow: none
            }
          }
        }

        -channel {}
      }

      div.editor.Makdown {
        $markdownBlog

        background-color: #fff
        padding: 1rem
        min-height: 30rem
        outline: none

        p, h2, h3 {
          :first-child {
            margin-top: 0
          }
        }
      }

      div.Compose {
        margin-bottom: 4rem

        textarea {
          display: none
        }
      }
    }
  }
}