@import "../settings.colors";

@import "tools.mixins";

@mixin c-article-quotes--sm {
  .c-article-pullquote__text {
    font-size: rem(21);
    line-height: line-height(21, 27);
  }
  .c-article-blockquote__text {
    font-size: rem(20);
    line-height: line-height(20, 26);
  }
}

@mixin c-article-quotes--md {
  .c-article-pullquote__text {
    @include css-variables("font-size", 21);
    line-height: line-height(21, 27);
  }
  .c-article-blockquote__text {
    @include css-variables("font-size", 20);
    line-height: line-height(20, 26);
  }
  .c-article-pullquote {
    margin-top: rem(38);
    margin-bottom: rem(38);
    padding-left: rem(70);
    padding-right: rem(70);
  }
  .c-article-blockquote {
    margin: rem(38) rem(100) rem(38) rem(100);
  }
}

@mixin c-article-quotes--lg {
  .c-article-pullquote {
    padding-left: rem(100);
    padding-right: rem(100);
  }
  .c-article-blockquote {
    margin-left: rem(100);
    margin-right: rem(100);
  }
}
