Panda CSS

Panda - это механизм стилизации, который генерирует примитивы стилизации для создания атомарного CSS и решений в типобезопасной и читабельной манере. Panda CSS Website.

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

Вы можете легко добавить Panda с помощью следующего стартового шаблона Qwik:

npm run qwik add pandacss

Предыдущая команда обновляет ваше приложение необходимыми зависимостями. Также она добавляет новые файлы в папку проекта:

• postcss.config.js
• panda.config.js
• .vscode/settings.json

и модифицирует ваш файл src/global.css, добавляя следующие строки:

 
# global.css file
 
@layer reset, base, tokens, recipes, utilities;
 
...stuff...