@import "../vendor/bootstrap/scss/type";

$text-sizes: "sm", "md", "lg", "xlg";
$text-weights: "regular", "semibold", "bold";

@each $size in $text-sizes {
  @each $weight in $text-weights {
    .text-#{$size}-#{$weight} {
      @extend %text-#{$size}-#{$weight};
    }
  }
}

@mixin font-type($spacing, $line-height) {
  @if $line-height {
    line-height: $line-height;
  }

  letter-spacing: $spacing;
}

h1,
.h1 { @include font-type($letter-spacing, $h1-line-height); }

h2,
.h2 { @include font-type(-0.5px, $h2-line-height); }

h3,
.h3 { @include font-type($letter-spacing, $h3-line-height); }

h4,
.h4 {
  @include font-type($letter-spacing, null);

  font-weight: $font-weight-bold;
}

h5,
.h5 { @include font-type($letter-spacing, null); }

h6,
.h6 { @include font-type($letter-spacing, $h6-line-height); }

p { letter-spacing: $letter-spacing; }

a,
.cursor-pointer { cursor: pointer; }