presentations/workshop-tailwind-css/demo/florida-drupalcamp
2025-10-02 23:17:29 +01:00
..
assets/css Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
bin Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
config Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
public Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
src Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
templates Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
.env Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
.gitignore Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
composer.json Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
composer.lock Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
package.json Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
postcss.config.js Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
README.rst Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
symfony.lock Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
tailwind.config.js Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00
yarn.lock Move all files to workshop-tailwind-css/demo/florida-drupalcamp/ 2025-10-02 23:17:29 +01:00

Florida DrupalCamp Tailwind CSS Workshop
########################################

Local web server
================

Run the following command to start a local web server. Going to that URL in your browser should show you the example page.

.. code::

    php -S 127.0.0.1:8000 -t public

Building the CSS
================

The CSS is generated from ``assets/css/tailwind.pcss`` and is compiled using ``postcss-cli``.

To simplify the process, there are some custom npm scripts added in ``package.json`` that can be used to compile the CSS:

- ``yarn dev`` - generate the development CSS which is un-purged and un-minified.
- ``yarn prod`` - generate the production CSS which is purged and minified.
- ``yarn watch`` - generate the development CSS, but re-generate automatically when the source file is changed.