// Line clamp
$line-clamp: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15;

@each $i in $line-clamp {
  .line-clamp-#{$i} {
    display: -webkit-box;
    -webkit-line-clamp: #{$i};
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

// font weight
$font-weight: 100 200 300 400 500 600 700 800;

@each $i in $font-weight {
  .fw-#{$i} {
    font-weight: #{$i};
  }
}

@for $i from 1 through 300 {
  .fs-#{$i}px {
    font-size: #{$i}px !important;
  }
  .lh-#{$i}px {
    line-height: #{$i}px !important;
  }
  .ls-#{$i}px {
    letter-spacing: #{$i}px;
  }

  @media (min-width: 1400px) {
    .fs-xxl-#{$i}px {
      font-size: #{$i}px !important;
    }
  }
  @media (min-width: 1200px) {
    .fs-xl-#{$i}px {
      font-size: #{$i}px !important;
    }
  }

  @media (min-width: 992px) {
    .fs-lg-#{$i}px {
      font-size: #{$i}px !important;
    }
  }

  @media (min-width: 768px) {
    .fs-md-#{$i}px {
      font-size: #{$i}px !important;
    }
  }

  @media (min-width: 576px) {
    .fs-sm-#{$i}px {
      font-size: #{$i}px !important;
    }
  }
}
