From 5f82867066c6e501fc1af687a4edcf51f24f7f30 Mon Sep 17 00:00:00 2001 From: Darius Auding <Darius.auding@gmx.de> Date: Tue, 26 Mar 2024 13:56:00 +0100 Subject: [PATCH] fix primary being broken because of bulma being prematurely loaded --- sass/_menu.scss | 28 ++++++++++++++++++++++++++++ sass/_teckids.scss | 30 ------------------------------ 2 files changed, 28 insertions(+), 30 deletions(-) diff --git a/sass/_menu.scss b/sass/_menu.scss index 27671cdb..afcf5d69 100644 --- a/sass/_menu.scss +++ b/sass/_menu.scss @@ -45,3 +45,31 @@ .navbar-dropdown { overflow: hidden; } + +#main-navbar { + background-color: $teckids-orange; +} + +#main-navbar .navbar-brand > a { + color: white; + font-weight: bold; +} + +@include desktop { + #main-menu > div > .navbar-item > a { + color: white; + font-weight: bold; + } + + #main-menu > div > .navbar-item > a:hover { + color: $teckids-orange; + } +} + +@media screen { + #navbar-logo > img { + filter: saturate(0) brightness(0) invert(1); + } +} + +$navbar-burger-color: white; diff --git a/sass/_teckids.scss b/sass/_teckids.scss index 5b614140..4451b08b 100644 --- a/sass/_teckids.scss +++ b/sass/_teckids.scss @@ -1,6 +1,3 @@ -@import "../node_modules/bulma/sass/utilities/functions.sass"; -@import "../node_modules/bulma/bulma.sass"; - $teckids-orange: #ff6600; $teckids-orange-light: findLightColor($teckids-orange); $teckids-orange-light-half: lighten($teckids-orange, 30%); @@ -58,33 +55,6 @@ $project-colors-title-fonts: ( background-color: $teckids-blue-light; } -#main-navbar { - background-color: $teckids-orange; -} - -#main-navbar .navbar-brand > a { - color: white; - font-weight: bold; -} - -@include desktop { - #main-menu > div > .navbar-item > a { - color: white; - font-weight: bold; - } - - #main-menu > div > .navbar-item > a:hover { - color: $teckids-orange; - } -} - -@media screen { - #navbar-logo > img { - filter: saturate(0) brightness(0) invert(1); - } -} - -$navbar-burger-color: white; .circle-bg { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' %3E%3Ccircle cx='300' cy='300' r='300' fill='rgba(100%25 %2C 100%25 %2C 100%25 %2C 0.5)' /%3E%3C/svg%3E"); -- GitLab