// Blockquotes
// -------------------------
blockquote {
  padding-left: $grid-gutter-width;
  border-left: $blockquote-border;
  margin: em($line-height-base) $grid-gutter-width;

  font-size: $blockquote-font-size;
  color: $blockquote-color;


  footer {
    font-size: $blockquote-footer-font-size;
    font-style: italic;
    color: $blockquote-footer-color;
    opacity: $text-muted-opacity;

    &::before {
      content: '\2014\00A0'; // em dash, nbsp
    }
  }

  @media (max-width:$screen-xs-max) {
    margin-left: $grid-gutter-width / 2;
    margin-right: $grid-gutter-width / 2;
  }
}

// Opposite alignment of blockquote
.blockquote-right {
  border-right: $blockquote-border;
  border-left: 0;
  padding-left: 0;
  padding-right: $grid-gutter-width;

  text-align: right;


  footer {
    &::before { content: none; }
    &::after  { content: '\00A0\2014'; } // nbsp, em dash
  }
}
