opdavies/presentations
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add and configure Tailwind CSS

Browse source 
Add and configure Tailwind CSS within the project, including adding npm
scripts for compiling the CSS, configuring purge settings, and adding
the `cssnano` library for minifying the CSS (which is run for production
builds).
This commit is contained in:
Oliver Davies 2020-12-26 22:03:46 +00:00
parent cdb0e67eb3
commit cb79277374
8 changed files with 2030 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
README.rst
View file

@ -9,3 +9,14 @@ Run the following command to start a local web server. Going to that URL in your
.. 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.