Write a mixin or function for scss?

Question

Sass

Once I wrote like this - font: 14px/21px Arial,sans-serif;
And how to write in rem c foul backs in pixels
i.e.
scss -> font: rem(14)/rem(21) $some-var-font;
css -> font: 14px/21px Arial,sans-serif;
font: 0.85rem/1.3125rem Arial,sans-serif;

Answer 1

something like this

$GLOBAL_FONT_SIZE: 18px; // this should be with 'px'

@mixin my-font ($font_size, $lineheight_size, $font){
  font: #{ $font_size * $GLOBAL_FONT_SIZE }/#{ $lineheight_size * $GLOBAL_FONT_SIZE } $font;
  font: #{ $font_size }rem/#{ $lineheight_size }rem $font;
}

.somestyle {
    @include my-font(1, 1.5, 'Arial sans-serif');
}

.somestyle {
  font: 18px/27px "Arial sans-serif";
  font: 1rem/1.5rem "Arial sans-serif";
}