Tailwind

Tailwindは、主に独自の目的を持つユーティリティクラスを提供するCSSフレームワークです。これらのクラスは、マークアップまたは.js/.jsx/.ts/.tsx/.mdxファイルから直接ウェブページを設計するのに役立ちます。Tailwindcss ウェブサイト

使用方法

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

npm run qwik add tailwind

前のコマンドは、必要な依存関係を使用してアプリを更新します。

また、プロジェクトフォルダに新しいファイルを追加します。

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

そして、src/global.cssを以下を含めるように修正します。

 
# global.css file
 
@tailwind base;
@tailwind components;
@tailwind utilities;
 
...stuff...