From c7b72854030949a918ef70d8026fa79028e7c4ea Mon Sep 17 00:00:00 2001 From: Jeroen De Meerleer Date: Wed, 7 Feb 2024 12:40:26 +0100 Subject: [PATCH] Refactor HTML and SCSS for improved structure and styling - Removed unnecessary CSS properties from `base.scss` - Added `class="h-100"` to the `` tag in `base.html.twig` for full height - Added `class="d-flex flex-column h-100"` to the `` tag in `base.html.twig` for flexbox layout - Updated footer styling in `base.html.twig` with additional classes - Added `class="flex-shrink-0"` to the `
` tag in `page.html.twig` --- assets/scss/base.scss | 12 ------------ templates/base.html.twig | 6 +++--- templates/page.html.twig | 2 +- 3 files changed, 4 insertions(+), 16 deletions(-) diff --git a/assets/scss/base.scss b/assets/scss/base.scss index 6331257..f526940 100644 --- a/assets/scss/base.scss +++ b/assets/scss/base.scss @@ -7,22 +7,10 @@ $orange: #d6972a; $white: #f0f0f0; $font: 'Fira Code', monospace; -html { - position: relative; - min-height: 100%; -} body { - margin-bottom: 60px; /* Margin bottom by footer height */ font-family: 'Mukta', sans-serif; background-color: $white; } -.footer { - position: absolute; - bottom: 0; - width: 100%; - height: 60px; /* Set the fixed height of the footer here */ - line-height: 60px; /* Vertically center the text there */ -} nav { background-color: $black; diff --git a/templates/base.html.twig b/templates/base.html.twig index 2f01e85..87912bd 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -1,5 +1,5 @@ - + @@ -11,10 +11,10 @@ - + {% block content %}{% endblock %} {% block extrahtml %}{% endblock %} -