- index.html
- style.lessstyle.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Вложенные правила, шаг 2</title>
<meta charset="utf-8">
<link href="course.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<article class="palette">
<h1>Базовые цвета</h1>
<figure class="palette-item">
<figcaption>Основной</figcaption>
<span class="color color-primary">primary</span>
</figure>
<figure class="palette-item">
<figcaption>Ошибка</figcaption>
<span class="color color-error">error</span>
</figure>
</article>
</body>
</html>
LESSCSS
@base-color: rgb(110, 27, 255);
@distance: 0;
@error-color: #cccccc;
.color {
&-primary {
background-color: @base-color;
}
&-error {
background-color: @error-color;
}
}
.palette-item {
display: inline-block;
.color {
margin: 0.5em;
}
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Переменной
@distance
задайте значение60
.
Значение переменной@error-color
вычислите с помощью функцииspin
, повернув базовый цвет@base-color
на величину@distance
.