@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

.font-primary { font-family: $font-primary; }
.font-secondary { font-family: $font-secondary; }
.font-bold { font-weight: bold !important; }
.font-light { font-weight: ight !important; }

@each $size in 8, 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 46, 48, 50, 52, 54, 60, 72 {
  .font-#{$size} {font-size: #{$size/16}rem !important;}
}