////
/// @group Typography
////

/// Blockquote style
/// @since 0.1.0
.quote {
  @include font-size($scale: h4);
  font-weight: 300;

  &:before {
    color: $colour-nice-teal;
    content: get-glyph(left-double-quotation-mark);
    display: inline-block;
    font-family: Arial;
    font-size: 6rem;
    font-weight: bold;
    line-height: 0;
    vertical-align: bottom;

    @media print {
      color: $colour-true-black;
    }
  }

  p {
    font-size: inherit;
    padding-top: 0;
  }

  footer,
  cite {
    @include font-size($scale: 0);
    font-style: normal;
  }
}

////
/// @group Typography
////

/// Blockquote style
/// @since 0.1.0
.quote {
  @include font-size(lead);
  border-left: em($spacing-x-small) solid $colour-nice-teal;
  font-weight: normal;
  margin: rem($spacing-large 0);
  padding: rem(0 0 0 $spacing-xx-large);
  position: relative;

  &:before {
    color: $colour-nice-teal;
    content: get-glyph(left-double-quotation-mark);
    display: block;
    font-family: Arial;
    font-size: 5rem;
    font-weight: bold;
    left: 0;
    line-height: .8;
    position: absolute;
    text-align: center;
    top: 0;
    width: rem($spacing-xx-large);

    @media print {
      color: $colour-true-black;
    }
  }

  p {
    font-size: inherit;
  }

  footer,
  cite {
    @include font-size($scale: 0);
    font-style: normal;
  }
}

Update quotation style to match design
Update quotation style to match design
