• Теория
  • Теория

Испытание: примеси и портреты, часть 2

В этом испытании вам вновь предстоит поработать с портретами монстров.

Но на этот раз примеси уже созданы и применены ко всем монстрам. Вам нужно дописать к примесям условия таким образом, чтобы к нужным монстрам применились только нужные примеси.

Пожалуйста, не меняйте применения примесей! Испытание нужно пройти только с помощью условий примесей.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

@lime: #01ff70;
@red: #ff4136;
@yellow: #ffdc00;
@fuchsia: #f012be;

// Добавьте к примесям условия применения
.rotate(@angle) when (@angle >= 180deg) {
  transform: rotate(@angle);
}

.paint(@color) when (@color = @fuchsia) {
  background-color: @color;
}

.resize(@size) when (@size < 100px) {
  width: @size;
  height: @size;
}

// Не меняйте параметры применения примесей!
.monster-1 {
  .resize(80px);
  .rotate(45deg);
  .paint(@lime);
}

.monster-2 {
  .resize(90px);
  .rotate(90deg);
  .paint(@red);
}

.monster-3 {
  .resize(130px);
  .rotate(180deg);
  .paint(@yellow);
}

.monster-4 {
  .resize(150px);
  .rotate(270deg);
  .paint(@fuchsia);
}
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Примеси в Less» тренажёра «Инструменты автоматизации: препроцессор» можно после регистрации и оформления подписки.