Panda CSS

Panda 是一個樣式引擎，它以類型安全且可讀的方式生成樣式原語，用於編寫原子 CSS 和配方。 Panda CSS 網站

用法

您可以使用以下 Qwik Starter 腳本來輕鬆新增 Panda

npm run qwik add pandacss

先前的命令會使用必要的 dependencies 來更新您的應用程式。

它也會將新檔案新增至您的專案資料夾

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

並修改您的 src/global.css 以包含

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