From 45eef061de9136473ebdd18eaaee25626ad2a0a3 Mon Sep 17 00:00:00 2001 From: Dominik George <dominik.george@teckids.org> Date: Tue, 26 Mar 2024 23:49:09 +0100 Subject: [PATCH] Fix footer color --- sass/_teckids.scss | 12 +++++++----- sass/style.scss | 4 +++- templates/footer.html | 2 -- 3 files changed, 10 insertions(+), 8 deletions(-) diff --git a/sass/_teckids.scss b/sass/_teckids.scss index 3faaa4c6..87ef8ea5 100644 --- a/sass/_teckids.scss +++ b/sass/_teckids.scss @@ -1,11 +1,13 @@ +@use "../node_modules/bulma/sass/utilities/functions.scss"; + $orange: #ff6600; -$orange-light: findLightColor($orange); +$orange-light: functions.bulmaFindLightColor($orange); $orange-light-half: lighten($orange, 30%); -$orange-dark: findDarkColor($orange); +$orange-dark: functions.bulmaFindDarkColor($orange); $blue: #0084ff; -$blue-light: findLightColor($blue); -$blue-dark: findDarkColor($blue); +$blue-light: functions.bulmaFindLightColor($blue); +$blue-dark: functions.bulmaFindDarkColor($blue); $projects: hack-n-fun, schul-frei, indiedact; $project-colors: ( @@ -42,7 +44,7 @@ $project-colors-title-fonts: ( border-color: map-get($project-colors, $project); a:hover { - background-color: findLightColor(map-get($project-colors, $project)); + background-color: functions.bulmaFindLightColor(map-get($project-colors, $project)); } } } diff --git a/sass/style.scss b/sass/style.scss index ea06c392..2ae1852e 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -10,10 +10,12 @@ $family-sans-serif: '"Roboto", sans-serif', $title-color: inherit, $scheme-main-bis: teckids.$blue-light, + $scheme-main-ter: teckids.$orange-light, $primary: teckids.$orange, $info: teckids.$blue, - $link: teckids.$blue, + $link: teckids.$blue-dark, $navbar-burger-color: white, + $footer-background-color: teckids.$blue-light, ); @use "./_menu.scss"; diff --git a/templates/footer.html b/templates/footer.html index 48f8726e..24c91367 100644 --- a/templates/footer.html +++ b/templates/footer.html @@ -1,4 +1,3 @@ -<div class="footer"> <div class="columns is-multiline"> <div class="column is-one-fourth"> <p class="title is-5">Teckids e.V.</p> @@ -48,4 +47,3 @@ </aside> </div> </div> -</div> -- GitLab