Напишите mixin или функцию для scss?

Question

[Виталий Кононенко]

Когда-то писал так - font: 14px/21px Arial,sans-serif;
А как написать в rem c фол бэков в пикселях
т.е.
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

[sim3x]

как-то так

$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";
}

Comments

[Виталий Кононенко]

Класс, спасибо!