Adding Tailwind CSS
Last updated
Last updated
Tailwind CSS is a utility-first CSS framework based on classes. You can learn more about the benefits and features of Tailwind in their docs .
Navigate to your Storefront project
Run yarn add -D tailwindcss
to install Tailwind package
Initialize Tailwind by running npx tailwindcss init
Configure the tailwind.config.js
like so:
Add the Tailwind directives to your Storefront's stylesheet ./src/styles/storefront.css
After these steps, your project is ready to be styled with Tailwind.