@import "settings.global";

@mixin text--highlight($color: $highlight-color, $background-color: $highlight-background-color) {
  margin: 0 -$spacing-tiny;
  padding: $spacing-xsmall $spacing-xsmall $spacing-tiny;
  background-color: $background-color;
  color: $color;
}

@mixin paragraph {
  display: block;
  margin: 0;
  padding: $spacing-small 0;
}

@mixin code($color: $code-color, $background-color: $code-background-color) {
  @include text--highlight($color, $background-color);
  display: inline;
  font-family: $text-font-family-mono;
  font-weight: $text-font-weight;
}

@mixin quotation--color($border-color: $quotation-border-color) {
  border-left: $quotation-border-width $quotation-border-style $border-color;
}