@AlexFreedom17

Как доработать mixin на Stylus, чтобы он принимал значения с разными единицами измерения?

У меня есть вот такой mixin
font-size-mix($font-size, $line-size = false)
  if $line-size
    font-size $font-size
    line-height $line-size
  else
    if $font-size == 10px
      font-size 10px
      line-height 16px
    if $font-size == 11px
      font-size 11px
      line-height 16px
    if $font-size == 12px
      font-size 12px
      line-height 16px
    else if $font-size == 14px
      font-size 14px
      line-height 20px
    else if $font-size == 16px
      font-size 16px
      line-height 20px
    else if $font-size == 19px
      font-size 19px
      line-height 20px


Задача в том, чтобы сделать возможным передавать в него значения с любыми единицами измерения, но если их нет, то по умолчанию прибавлять px.
Например:
font-size-mix(12, 20px)
компилировалось в
font-size 12px
line-height 20px
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы