blockquote {
  font-size: 3rem;
  margin: $article-gutter 0;
  quotes: auto;
  padding: 0 $article-gutter;

  &::before, &::after {
    color: $secondary-color;
    content: open-quote;
    font-weight: bold
  }

  &::after {
    content: close-quote
  }

  /* temporary hack until markdown.go doesn't render p */
  p {
    display: inline-block
  }

  header {
    font-size: 1rem
  }
}

blockquote.conversation {

  & {
    border-left: 2px solid purple;
    color: purple;
    margin: .5em;
    padding: .5em
  }

  blockquote:nth-child(odd) {
    background-color: #eee
  }

  blockquote blockquote {
    border-left: 2px solid blue;
    color: blue;
    margin: 5px
  }

  blockquote blockquote blockquote {
    border-left: 2px solid green;
    color: green
  }

  blockquote blockquote blockquote blockquote {
    border-left: 2px solid #fc0;
    color: #fc0
  }

  blockquote blockquote blockquote blockquote blockquote {
    border-left: 2px solid orange;
    color: orange
  }

  blockquote blockquote blockquote blockquote blockquote blockquote {
    border-left: 2px solid red;
    color: red
  }

}