Read in other languages: Ukrainian, English.

Домашнє завдання № 7

• Створи репозиторій goit-markup-hw-07.
• Склонуй створений репозиторій і скопіюй в нього файли попередньої роботи.
• Налаштуй GitHub Pages і додай посилання на живу сторінку в шапку GitHub-репозиторія.

Структура файлів проекту

Критерії приймання роботи наставником

Проект

«A1» Виконано рефакторинг HTML-коду проекту, використовуючи методологію BEM.

«A2» Виконано рефакторинг CSS-коду проекту, використовуючи препроцесор SASS.

«A3» У корені проекту створена папка sass, в якій лежать всі файли стилів препроцесора.

«A4» В папці sass є файл main.scss - головний файл, в який імпортуються всі SASS-фрагменти (partials, файли _имя.scss).

«A5» Палітра кольорів макета і набори шрифтів винесені у змінні у файлі variables.scss, який лежить в папці sass/utils. Можна використовувати CSS або SASS змінні (за бажанням).

«A6» Для кожного компонента створений окремий файл-фрагмент стилів у папці sass/components. Наприклад _page-header.scss, _logo.scss тощо.

«A7» У файлах index.html і portfolio.html підключений мініфікованний файл стилів main.min.css з папки css.

Розмітка

«B1» Правильне іменування класів блоків за методологією BEM.

«B2» Правильне іменування класів елементів за методологією BEM.

«B3» Правильне іменування класів модифікаторів за методологією BEM.

«B4» Правильне іменування класів міксінів за методологією BEM.

«B5» Імена класів за методологією BEM зрозумілі і описові, англійською мовою.

Оформлення

«C1» Використана вкладеність селекторів.

«C2» Максимальна вкладеність селекторів - 2 рівня.

«C3» Оператор конкатенації (&) використаний для опису псевдокласів і псевдоелементів.