53 lines
757 B
ReStructuredText
53 lines
757 B
ReStructuredText
.. page:: titlePage
|
|
|
|
.. class:: centredtitle
|
|
|
|
Responsive
|
|
|
|
.. raw:: pdf
|
|
|
|
TextAnnotation "Mobile first by default"
|
|
|
|
.. page::
|
|
|
|
.. class:: centredtitle
|
|
|
|
``[screen][separator][class]``
|
|
|
|
.. page:: standardPage
|
|
|
|
Screens (aka breakpoints)
|
|
=========================
|
|
|
|
.. code-block:: javascript
|
|
:linenos:
|
|
:include: code/12-default-screens.txt
|
|
|
|
.. page:: titlePage
|
|
|
|
.. class:: centredtitle
|
|
|
|
``md:flex``
|
|
|
|
|
|
|
|
|
.. class:: centredtitle
|
|
|
|
``md:hover:bg-red-500``
|
|
|
|
.. page:: standardPage
|
|
|
|
Responsive classes in CSS
|
|
=========================
|
|
|
|
.. code-block:: css
|
|
:linenos:
|
|
:include: code/13-responsive-classes.txt
|
|
|
|
Responsive classes in HTML
|
|
==========================
|
|
|
|
.. code-block:: html
|
|
:linenos:
|
|
:include: code/14-responsive-class-example.txt
|