From b86575e2e4b1135bafa999daa1ea20ced0505cd5 Mon Sep 17 00:00:00 2001 From: glyph Date: Tue, 16 Nov 2021 09:45:14 +0200 Subject: [PATCH] update classes and base template --- peach-web/static/css/peachcloud.css | 51 +++++++++++++++++++---------- peach-web/templates/base.html.tera | 2 +- 2 files changed, 35 insertions(+), 18 deletions(-) diff --git a/peach-web/static/css/peachcloud.css b/peach-web/static/css/peachcloud.css index 6961c42c..456eb51f 100644 --- a/peach-web/static/css/peachcloud.css +++ b/peach-web/static/css/peachcloud.css @@ -5,6 +5,7 @@ * * Index * - ALIGNMENT + * - BODY * - BUTTONS * - CARDS * - CAPSULES @@ -19,11 +20,11 @@ * - LABELS * - LINKS * - LISTS + * - MAIN * - METERS * - NAVIGATION - * - RADIAL MENU - * - SWITCHES / SLIDERS * - PARAGRAPHS + * - SWITCHES / SLIDERS * \* ------------------------------ */ @@ -121,6 +122,18 @@ } } +/* + * BODY + */ + +body { + background-color: var(--moon-gray); + height: 100%; + display: flex; + flex-direction: column; + margin: 0; +} + /* * BUTTONS */ @@ -527,11 +540,8 @@ * HTML */ -/* Push bottom nav bar to bottom of screen on larger displays */ -@media only screen and (min-width: 600px) { - html { - height: 100%; - } +html { + height: 100%; } /* @@ -739,6 +749,14 @@ grid-row: 2; } +/* + * MAIN + */ + +main { + flex: 1 0 auto; +} + /* * METERS */ @@ -842,6 +860,15 @@ meter::-moz-meter-bar { list-style-type: none; } +/* + * PARAGRAPHS + */ + +p { + font-family: var(--sans-serif); + overflow-wrap: anywhere; +} + /* * SWITCHES / SLIDERS */ @@ -930,13 +957,3 @@ input:checked + .slider:before { font-family: var(--sans-serif); max-width: var(--max-width-6); } - -/* - * PARAGRAPHS - */ - -p { - font-family: var(--sans-serif); - overflow-wrap: anywhere; -} - diff --git a/peach-web/templates/base.html.tera b/peach-web/templates/base.html.tera index 6d228aa1..ac5306e9 100644 --- a/peach-web/templates/base.html.tera +++ b/peach-web/templates/base.html.tera @@ -10,7 +10,7 @@ - + {% block nav %}{% endblock nav %}