readme.md 3.1 KB
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 Что есть:
- Есть компоненты
- Реализовано переиспользование одинаковых компонент в разных секциях. Есть переключатели св-в внутри компонент (например, социальные ссылки для светлой и темной темы: команда и футер)
- Реализована адаптивность
- Работает бургер
- Повторяющиеся и «изменяемые» свойства стилей заданы переменными
Что не получилось / не сделано:
Анимация миксином: А) Пробовала задать параметры анимации при помощи миксина (ну так, эксперимента ради) – вообще не получилось. Не нашла в инете вообще ничего о миксинах в css modules. Б) Потом задала параметры анимации в переменной animation-base (составное свойство). DOM все параметры св-ва видит, но не отрабатывает. Почему – понять не могу, решения не нашла. В) Задала каждое св-во анимации отдельной переменной – работает, но не так красиво))
Container: изначально в моей верстке был внешний контейнер на все секции. Его свойства были +- одинаковы для всех секций, но в некоторых секциях некоторые свойства перебивались. Как это сделать в Реакте при помощи css.modules – не нашла. (как в css.modules дотянуться до св-ва родительского компонента). Вообще надо ли в данном случае как-то с помощью js лезть в родителя, чтобы паддинги перебить? Думаю, не надо. В итоге общий компонент Контейнер только у тех секций, в которых не надо перебивать его св-ва.
Формы не делала
Модалку тоже не сделала