Как с помощью функции в препроцессоре раскрывать свойство и значение?

Question

[Вячеслав Лебедев]

Добрый вечер!
Помогите осуществить повторное использование.
К примеру, как передать имя свойства (или часть имени, чтобы потом склеить):

// функция
add-cart($margin, $prop)
  .animated-add-cart
    animation-duration 1.5s

  @keyframes add-cart
    0%
      $margin -($prop / 1.1)
    50%
      $margin -($prop / 1.2)
    100%
      $margin -($prop / 1.1)

  .add-cart
    animation-name add-cart

$px = 5px
add-cart('margin-bottom', $px)

Значение подставляется без проблем. А вот с именем свойства так не получилось.
В документации решения проблемы не нашел.
Возможно ли так использовать эти функции?
Спасибо!

Answer 1

[Сергей delphinpro]

Интерполяция не прокатит разве?
#{$margin}

add-cart($margin, $prop)
  .animated-add-cart
    animation-duration 1.5s

  @keyframes add-cart
    0%
      #{$margin}:  -($prop / 1.1)
    50%
      #{$margin}:  -($prop / 1.2)
    100%
      #{$margin}:  -($prop / 1.1)

  .add-cart
    animation-name add-cart

$px = 5px
add-cart('margin-bottom', $px)

Comments

[Вячеслав Лебедев]

Спасибо! Все работает :)