- Теория
- Теория
Custom properties, закрепление 1
Ваша задача — исправить ошибки, допущенные при объявлении CSS-переменных.
Стили компонента специально помещены внутрь тега style в HTML-редакторе. HTML-редактор заблокирован. Это значит, что вы можете редактировать только стили, в которых объявляются CSS-переменные.
Этот вариативное испытание, предназначенное для закрепления ваших навыков работы с CSS Custom Properties.
Решение
Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.
:root {
/* Цвета */
--background-color: #f5f7fa;
--card-background-color: #ffffff;
--text-color-primary: #fff;
--text-color-secondary: #eee;
--progress-bg-color: #ffffff;
--bg-dream-car: #a99eff;
--bg-house-saving: #ffb572;
--bg-laptop: #ff98c8;
--icon-dream-car: #e4d7fc;
--icon-house-saving: #fde4cf;
--icon-laptop: #fcd3e1;
/* Размеры */
--card-border-radius: 16px;
--icon-size: 40px;
--progress-height: 8px;
--gap-size: 20px;
--padding-size: 20px;
/* Параметры шрифта */
--font-family: Arial, sans-serif;
--font-size-title: 16px;
--font-size-progress: 14px;
--font-weight-title: bold;
}Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
