presentations/workshop-tailwind-css/slides/sections/task-1-add-tailwind-css.rst
Oliver Davies 0c1d5d02e1 Automated commit
Signed-off-by: Oliver Davies <oliver@oliverdavies.uk>
2025-10-02 12:09:06 +01:00

48 lines
788 B
ReStructuredText

.. page:: titlePage
.. class:: centredtitle
Task 1: Adding Tailwind CSS
.. page:: standardPage
.. code-block:: bash
:include: code/adding-tailwind.txt
:end-before: -- adding tailwind
.. raw:: pdf
PageBreak
Create the source file:
|
.. code-block:: css
:include: code/adding-tailwind.txt
:start-after: -- adding tailwind
:end-before: -- adding scripts
.. raw:: pdf
PageBreak
Add to ``package.json``:
.. code-block:: js
:include: code/adding-tailwind.txt
:start-after: -- adding scripts
:end-before: -- adding the stylesheet
|
Add to ``templates/html.html.twig``:
.. code-block:: html
:include: code/adding-tailwind.txt
:start-after: -- adding the stylesheet
.. page:: imagePage
.. image:: images/1-end.png
:width: 22cm