From adff8b9ab7c74b68c79d983fc4b8ae0804045a7d Mon Sep 17 00:00:00 2001 From: isUnknown Date: Tue, 3 Sep 2024 16:35:32 +0200 Subject: [PATCH] fix nav wizz --- assets/css/src/callout.css | 2 +- assets/css/src/footer.css | 2 +- assets/css/src/nav.css | 2 +- assets/css/src/variables.css | 1 + assets/js/script.js | 2 +- 5 files changed, 5 insertions(+), 4 deletions(-) diff --git a/assets/css/src/callout.css b/assets/css/src/callout.css index 96529d6..74ccf68 100644 --- a/assets/css/src/callout.css +++ b/assets/css/src/callout.css @@ -1,6 +1,6 @@ section.callout { --padding-vertical: var(--space-m); - background-color: var(--color-salmon); + background-color: var(--color-blue-light); display: flex; flex-direction: column; align-items: center; diff --git a/assets/css/src/footer.css b/assets/css/src/footer.css index 52abcd8..3eed1dc 100644 --- a/assets/css/src/footer.css +++ b/assets/css/src/footer.css @@ -1,6 +1,6 @@ .main-footer { --padding-vertical: var(--space-m); - background-color: var(--color-grey); + background-color: var(--color-brown); display: grid; grid-template-columns: 0.5fr 1fr 1fr 1fr; column-gap: calc(var(--space-m)); diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css index ac1707b..c0f3032 100644 --- a/assets/css/src/nav.css +++ b/assets/css/src/nav.css @@ -16,7 +16,7 @@ .info-banner ul { box-sizing: border-box; padding: 1rem var(--space-m); - background-color: var(--color-salmon); + background-color: var(--color-mint); display: inline-block; animation: scroll-left 12s linear infinite; } diff --git a/assets/css/src/variables.css b/assets/css/src/variables.css index da36f98..ab6fd21 100644 --- a/assets/css/src/variables.css +++ b/assets/css/src/variables.css @@ -34,6 +34,7 @@ --color-blue-light: #abf1ff; --color-grey: #c4c9cc; --color-green: #00b477; + --color-mint: #45e6ba; --color-brown: #a59478; --color-brown-light: #d6cfbe; } diff --git a/assets/js/script.js b/assets/js/script.js index a63b9d5..8b3e64d 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -31,7 +31,7 @@ document.addEventListener("DOMContentLoaded", () => { closeNav(nodes); } if ( - window.scrollY > 100 && + (window.scrollY > 120) & !nodes.nav.classList.contains("main-nav--small") ) { nodes.nav.classList.add("main-nav--small");