Mixin: динамическое добавление собственности

Question

Используя Mixin, я хочу определить значение между двумя записями и добавить его к определенному свойству c. Вот фиктивный пример:

@mixin min($property, $min1, $min2) {
  @if ($min1 > $min2) {
    $property: $min2;
  }
  @else {
    $property: $min1;
  }
}

.test {
  @include min(width, 11px, 13px);
}

.test1 {
  @include min(background-size, 30px, 13px);
}

.test2 {
  @include min(height, 8px, 50px);
}

Я хотел бы иметь вывод:

width: 11px;

background-size: 13px;

height: 8px;

Проблема в том, что $property: $min1; устанавливает min1 значение в property, и я хотел бы вернуть литерал.

Как можно Я делаю это с помощью миксина?

Answer 1

Вы почти у цели. Вы должны использовать интерполяцию для переменной $property:

@mixin min($property, $min1, $min2) {
  @if ($min1 > $min2) {
    #{$property}: $min2;
  }
  @else {
    #{$property}: $min1;
  }
}