homework/hw-markup & git

HW-01.1 ДЗ из учебника (http://doc.a-level.com.ua/markup__lesson01#househw) Ссылка на репозиторий https://github.com/OlgaBrekhuntsova/NIX-FE-HW_01 Ссылка на страницу https://olgabrekhuntsova.github.io/NIX-FE-HW_01/

HW-01.2 Верстка Реакт (http://doc.a-level.com.ua/react-pre) Ссылка на репозиторий https://github.com/OlgaBrekhuntsova/nix-fe-hw_01.2_react-pre Ссылка на страницу на гитхабе https://olgabrekhuntsova.github.io/nix-fe-hw_01.2_react-pre/ Ссылка на страницу на сервере a-level http://web_studio.olgapistryak.fe.a-level.com.ua/

Переделывала этот исходник: https://github.com/OlgaBrekhuntsova/goit-markup-hw-08 Что есть:

1. Есть компоненты
2. Реализовано переиспользование одинаковых компонент в разных секциях. Есть переключатели св-в внутри компонент (например, социальные ссылки для светлой и темной темы: команда и футер)
3. Реализована адаптивность
4. Работает бургер
5. Повторяющиеся и «изменяемые» свойства стилей заданы переменными

Что не получилось / не сделано:

1. Анимация миксином: А) Пробовала задать параметры анимации при помощи миксина (ну так, эксперимента ради) – вообще не получилось. Не нашла в инете вообще ничего о миксинах в css modules. Б) Потом задала параметры анимации в переменной animation-base (составное свойство). DOM все параметры св-ва видит, но не отрабатывает. Почему – понять не могу, решения не нашла. В) Задала каждое св-во анимации отдельной переменной – работает, но не так красиво))

2. Container: изначально в моей верстке был внешний контейнер на все секции. Его свойства были +- одинаковы для всех секций, но в некоторых секциях некоторые свойства перебивались. Как это сделать в Реакте при помощи css.modules – не нашла. (как в css.modules дотянуться до св-ва родительского компонента). Вообще надо ли в данном случае как-то с помощью js лезть в родителя, чтобы паддинги перебить? Думаю, не надо. В итоге общий компонент Контейнер только у тех секций, в которых не надо перебивать его св-ва.

3. Формы не делала

4. Модалку тоже не сделала