- index.html
- style.lessstyle.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Цветовые функции, шаг 1</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-complementary">compl</span>
</figure>
</article>
</body>
</html>
LESSCSS
@base-color: rgb(110, 27, 255);
@distance: 0;
@complementary-color: spin(@base-color, @distance);
.color-primary {
background-color: @base-color;
}
.color-complementary {
background-color: @complementary-color;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Переменной
@distance
задайте значение180
.