Tailwind

Tailwind 是一個 CSS 框架，它提供了單一用途的工具類別，這些類別大多數都有自己的見解，可以幫助我們直接在標記或 .js/.jsx/.ts/.tsx/.mdx 檔案中設計網頁。 Tailwindcss 網站

用法

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

npm run qwik add tailwind

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

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

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

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

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