From dc69ae295a04d793ad78f71b0aa7aaaea11c0595 Mon Sep 17 00:00:00 2001 From: daudix Date: Sun, 7 Jul 2024 20:01:41 +0300 Subject: [PATCH] Allow navbar/footer to grow past container width --- sass/_footer.scss | 8 +++----- sass/_nav.scss | 2 +- 2 files changed, 4 insertions(+), 6 deletions(-) diff --git a/sass/_footer.scss b/sass/_footer.scss index bb038ea..865e672 100644 --- a/sass/_footer.scss +++ b/sass/_footer.scss @@ -4,13 +4,13 @@ text-align: center; nav { - margin: 0 auto 2rem; + display: inline-block; + margin: 0 auto 1rem; box-shadow: var(--edge-highlight); border-radius: 1.375rem; background-color: var(--fg-muted-1); padding: 0.25rem; - width: fit-content; - max-width: min(var(--container-width), 90%); + max-width: 90%; ul { display: flex; @@ -20,7 +20,6 @@ gap: 0.25rem; margin: 0; padding: 0; - width: min(calc(var(--container-width) / 1.5), 100%); li { display: flex; @@ -96,7 +95,6 @@ p { margin: 1rem auto; - max-width: min(var(--container-width) + 10rem, 90%); } .link { diff --git a/sass/_nav.scss b/sass/_nav.scss index 01eca04..2ef88cd 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -8,7 +8,7 @@ box-shadow: var(--edge-highlight), 0 0.75rem 1.5rem -1rem rgba(0, 0, 0, 0.5); border-radius: 1.625rem; background-color: var(--nav-bg); - max-width: min(var(--container-width), 90%); + max-width: 90%; nav { padding: 0.5rem;