- app/assets/stylesheets/application.tailwind.css - This is the main CSS file that includes all the Tailwind CSS classes and adds bare-bones styles to the storefront
- config/tailwind.config.js - This is the Tailwind CSS configuration (we recommend not changing this file, to allow for easier upgrades)
application.tailwind.css
but we recommend creating a new CSS file in the app/assets/stylesheets
directory and then importing it in the application.tailwind.css
file, eg.
Importing an additional CSS file
my_custom_styles.css
file, add the following:
application.tailwind.css
file, add the following:
Importing a 3rd party CSS library
You can import a 3rd party CSS library directly from a CDN in theapplication.tailwind.css
file, eg.