Untitled
unknown
plain_text
a year ago
767 B
10
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