@mixin code {
  display: inline-block;
  color: $color-gray-700;
  font-size: $text-sm;
  font-family: $font-mono;
  background-color: $color-gray-200;
  border: $border-1 solid $color-gray-400;
  border-radius: $rounded-sm;
  padding: $spacing-0 $spacing-1;
  margin: $spacing-0;
}

@mixin code--block {
  display: block;
  padding: $spacing-3;
}

.e-code {
  @include code;
}

pre > .e-code {
  @include code--block;
}