/*------------------------------------*\
  #ELEMENTS - QUOTES
\*------------------------------------*/

q {
  font-style: italic;
}

figure {
  margin-bottom: $spacing-unit-large;
}

figcaption {
  @include font-size(small);
}




blockquote {
  margin-top: $spacing-unit;
  margin-bottom: $spacing-unit;
  position: relative;

  footer {
    @include font-size(small);
    font-style: normal;


    &:before {
      content: '-';
      position: absolute;
      left: -10px;
    }
  }
}

blockquote p {
  font-size: inherit;
  margin-bottom: $spacing-unit-small;
}