Препроцессоры.
- Создай репозиторий
goit-markup-hw-07
. - Склонируй новый репозиторий и перенеси в него файлы предыдущей работы.
- Проведи рефакторинг CSS-кода проекта и перенеси всё на препроцессор
SASS
. - Настрой
GitHub Pages
и добавь ссылку на живую страницу в шапку GitHub-репозитория.
Основные критерии прёма работы
- Создан репозиторий
goit-markup-hw-07
. - В файле
index.html
подключен минифицированный файл стилейmain.min.css
из папкиcss
. - В корне проекта создана папка
sass
, в которой лежат все файлы стилей препроцессора. - В папке
sass
есть файлmain.scss
- главный файл в котрый импортируются все паршалы (файлы_имя.scss
). - Палитра цветов макета и наборы шрифтов вынесены в переменные в файле
variables.scss
, который лежит в папкеsass/utils
. - Для каждого компонента создан отдельный файл стилей в папке
sass/components
. Напримперpage-header.scss
,logo.scss
и т. д. - Вложенность селекторов и оператор конкатенации (
&
) использованы по назначению - для описания псевдоклассов и псевдоэлементов. - Максимальная вложенность селекторов - 2 уровня.
- Использование плейсхолдеров и миксинов не обязательно.