Make the docs site basically responsive, by using flexbox instead of floats for the sidebar and allowing it to take up 100% width when the screen width is less than 480px

This commit is contained in:
Travis Briggs 2022-10-03 18:05:01 -07:00
parent b4065bb9c9
commit 77cdb3081d
4 changed files with 26 additions and 24 deletions

View file

@ -179,13 +179,14 @@
<div class="document">
{%- block document %}
<div class="documentwrapper">
{%- if render_sidebar %}
{%- block sidebar2 %}{{ sidebar() }}{% endblock %}
<div class="bodywrapper">
{%- endif %}
<div class="body" role="main">
{% block body %} {% endblock %}
<div class="clearer"></div>
</div>
{%- if render_sidebar %}
</div>
@ -193,8 +194,6 @@
</div>
{%- endblock %}
{%- block sidebar2 %}{{ sidebar() }}{% endblock %}
<div class="clearer"></div>
</div>
{%- endblock %}