Tailwind

Tailwind is a CSS framework that provides us with single-purpose utility classes which are opinionated for the most part, and which help us design our web pages from right inside our markup or .js/.jsx/.ts/.tsx/.mdx files. Tailwindcss Website

Usage

You can add Tailwind easily by using the following Qwik starter script:

pnpm run qwik add tailwind

npm run qwik add tailwind

yarn run qwik add tailwind

bun run qwik add tailwind

The previous command updates your app with the necessary dependencies.

It also adds new files to your project folder:

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

and modifies your src/global.css to include

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