@AlexFreedom17

Как создать mixin для шрифтов на Stylus с разными единицами измерения?

Необходимо доработать mixin, чтобы он мог принимать значения как с единицами измерения, так и без них. Если без них, то по умолчанию добавлять px.

Mixin, который есть сейчас:
font-size-mixin($font-size, $line-size = false)
  if unit(font-size) == ''
    font-size '%spx' % ($font-size)
    line-height '%spx' % ($line-size)
  else 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


или

font-size-mix(12px, 20)
Компилировалось в:
font-size 12px
line-height 20px
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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