Сергей

Можно ли так как-нибудь сделать силами SCSS

@mixin font($font-size, $font-weight, $anotherValue: null) {
  $length: length($font-size);
  
  @if $length > 2 {
    @warn "Too many values: #{$font-size}."
  }
  
  @if $length == 1 {
    font-size: $font-size;
  }
  
  @if $length == 2 {
    $size1: nth($font-size, 1);
    $size2: nth($font-size, 2);
    
    font-size: $size1;
    
    @media (min-width: 768px) {
      font-size: $size2;
    }
  }
  
  font-weight: $font-weight;
}

// одно значение
.element1 {
  @include font(24px, 700);
}

// два значения
.element2 {
  @include font(24px 32px, 700);
  // или если хочется разделить запятой:
  @include font((24px, 32px), 700);
}