Untitled

 avatar
unknown
plain_text
a year ago
767 B
7
Indexable
@mixin generate-font-size-classes($min, $max, $step) {
    @for $i from $min through $max {
      @if ($i % $step == 0) {
        $minClamp: 6px + $i / 2;
        $maxClamp: 0px + $i;
        .fnd-fontSize-#{$i} {
          font-size: clamp(#{$minClamp}, 0.8252rem + 0.4854vw, #{$maxClamp});
          line-height: 1.5;
          font-style: normal;
          letter-spacing: 0;
          transition: all .2s;
        }
      }
    }
  }

  @include generate-font-size-classes(8, 48, 2);




$min-font-weight: 100;
$max-font-weight: 900;

$font-weight-range: $max-font-weight - $min-font-weight;

$step: 100;

@for $i from 0 through $font-weight-range/$step {
  $weight: $min-font-weight + ($i * $step);
  .fnd-fontWeight-#{$weight} {
    font-weight: $weight;
  }
}
Editor is loading...
Leave a Comment