From 4a5cdc1c7241f43a66dd43900efe583099f2c695 Mon Sep 17 00:00:00 2001 From: Patrice Chalin Date: Fri, 2 Feb 2024 11:12:40 -0500 Subject: [PATCH] Add named styles to each part --- CHANGELOG.md | 8 ++++++-- assets/scss/main.scss | 10 +++++++++- layouts/partials/footer.html | 8 +++++--- layouts/partials/footer/copyright.html | 2 +- 4 files changed, 21 insertions(+), 7 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index eb5c8b3f8a..54c8c380dd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -42,10 +42,14 @@ For the full list of changes, see the [0.9.0] release notes. [render-heading.html](https://gohugo.io/templates/render-hooks/) hook. This is _potentially_ a breaking change for projects that override the hook. +- The footer layout has been factored into parts: left, right, and center, with + copyright a subpart of center. Each part has its own style tag, for example: + `td-footer__left`. Note that the style `td-footer__copyright-etc` has been + renamed to `td-footer__center`. For details concerning all foot changes, see + [#1818]. + **Other changes**: -- The footer parts can be individually customized: left, right, center, and - copyright. ([#1818]). - The latest release of [Mermaid] resources are fetched at build time ([#1410]). - Docsy follows recommended accessibility practice: page-body links are underlined. For details, see [#1814] and [#1815]. diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 3e81ecca2d..540fdc69f7 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -49,9 +49,17 @@ min-height: 200px; } - &__copyright-etc { + /* &__left { } */ + + &__center { @extend .small; + text-align: center; + } + + &__right { + text-align: right; } + &__about { font-size: initial; } diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 1bda7e9486..c61969b488 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,13 +1,15 @@