Skip to content

mpoliakov/shri-2020-task-1

Repository files navigation

Задание 1. Реализуйте дизайн-систему

Реализация БЭМ-компонентов находится в папке src/blocks. Файловая структура плоская: отдельный файл стилей для блока, элемента и модификатора (значения модификатора внутри файла).

Используется препроцессор - SCSS. Сборка проекта автоматизирована с посощью Gulp (gulpfile.js). Для проверки стилей и сохранения единообразия используется Stylelint (.stylelintrc).

С помощью import блоки собираются в бандл (базовые блоки - base.scss, контентные - content.scss, все блоки - style.scss).

Для параметров, которые задаются темой, используются CSS custom properties. Для удобства они обёрнуты в scss-переменные (variables.scss). Свойства инициализируются в зависимости от темы с помощью mixin'ов (mixins.scss), например, в theme_color.scss.

Скрипты для интерактивных блоков (e-accordion, onoffswitch) находятся в соответствующих папках и собираются в script.js.

About

Задание 1. Реализуйте дизайн-систему — ШРИ, Москва, 2020: https://github.com/yndx-shri-reviewer/shri-2020-task-1#readme

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors