50 lines
715 B
ReStructuredText
50 lines
715 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
|
||
|
|
: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
|
||
|
|
:include: code/13-responsive-classes.txt
|
||
|
|
|
||
|
|
Responsive classes in HTML
|
||
|
|
==========================
|
||
|
|
|
||
|
|
.. code-block:: html
|
||
|
|
:include: code/14-responsive-class-example.txt
|