AustinWinnett
5/17/2019 - 2:51 PM

Typography Mixin

@mixin typography($weight, $size, $height, $spacing, $after, $extra) {
  font-weight: $weight;
  line-height: $height / 10 + rem;
  letter-spacing: $spacing / 10 + rem;
  margin-bottom: $after / 10 + rem;

  @if $size > 24 {
    @include font-size($size*0.8);
  } @else {
    @include font-size($size);
  }

  @include screen-sm {
    @include font-size($size);
  }

  &.extra-space {
    margin-bottom: $extra;
  }
}