Panda CSS

Panda は、型安全で読みやすい方法でアトミック CSS とレシピを作成するためのスタイリングプリミティブを生成するスタイリングエンジンです。Panda CSS ウェブサイト

使用方法

次の Qwik スタータースクリプトを使用して、Panda を簡単に追加できます。

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...