ТЕОРИЯ и ПРАКТИКА: Испытание: примеси и портреты [12/30] 100%

Курсы §37. Примеси в LESS
1

В теории:

В качестве имени в универсальный шаблон передаётся специальная переменная @_ , за ней следуют параметры. Важно, чтобы универсальный шаблон принимал те же параметры, что и все остальные шаблоны.

А где его ниже можно было использовать?

ВЫПОЛНЕНО на 100%
КОД:
@lime: #01ff70;
@red: #ff4136;
@yellow: #ffdc00;
@fuchsia: #f012be;

.magic(@color) {
  background-color: @color;
}

.magic(rotate; @angle) {
  transform: rotate(@angle);
}

.magic(spin; @color) {
  background-color: spin(@color, 90deg);
}

.magic(reduce; @size) {
  width: @size;
  height: @size;
}

.magic(skew; @angle) {
  transform: skewX(@angle);
}

.monster-1 {
  .magic(rotate; 180deg);
  .magic(@red);
}

.monster-2 {
  .magic(spin; @lime);
}

.monster-3 {
  .magic(reduce; 80px);
  .magic(@yellow);

}

.monster-4 {
  .magic(skew; -5deg);
  .magic(@fuchsia);
}
1 лайк