fem faq accordion

Наставник фронта

Живая демонстрация

Описание

Адаптивная задача страницы задач: единый аккордеонный интерактивный компонент. Мое решение для одной из проблем для frontendmentor.io

Основные особенности:

• Интерактивное (статическое) решение без использования сценариев, только нативные элементы HTML
• На основе Pugjs и Stylus
  
• Анимационный SVG: анимация была сделана с использованием svgator

Использование

Установка

Помимо пакетов в пакете.

Разработка

Смотрю и компиляцию мопса в HTML:

npm run develop

Просмотр и составление стилуса в CSS (CSS будет составлен в папке Styles/CSS):

npm run watch:css

Кредиты

• Разработано Frontend Mentor Team.
• Код, написанный Энн-Дев.