Home Plugin documentation Modules TailwindCSS



Here we go!




You can choose to toggle TailwindCSS module from Pilo’Press > Styles > Modules.


In the administration, under Pilo’Press > Styles, when you click on Update & Compile,
TailwindCSS will be compiled remotely using a homemade TailwindCSS API we manage (using v2.2.4 of TailwindCSS).


The compilation process takes all your layouts CSS files and put them along the rest of the TailwindCSS configuration
to generate 2 files, 1 for the admin (useful for Flexible Layout Preview) & 1 for the front.


Minified CSS files are then created under /pilopress/assets/styles.min.css and /pilopress/assets/styles-admin.min.css.

Those files are automatically enqueued but there are filters to disable this auto-enqueue if you want to.


It is possible to manually retrieve the TailwindCSS PostCSS & JS fields of the administration if you want to build TailwindCSS locally.
To do so, you can use the following code:
$tailwind_css    = pip_get_tailwind_css();
$tailwind_config = pip_get_tailwind_config();


For more details, see TailwindCSS Documentation.


Customizing TailwindCSS


To customize default TailwindCSS styles, go to Pilo’Press > Styles from left navigation menu or top bar menu.





You didn’t find the answer you were looking for?

or you think a specific topic deserve more informations?


Wave to bottom