- Теория
- Теория
Испытание: примеси и портреты, часть 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%