From caaa3f24f2a002156a0acba8e9e3089979ae6633 Mon Sep 17 00:00:00 2001 From: Darius Auding <Darius.auding@gmx.de> Date: Thu, 14 Mar 2024 21:45:27 +0100 Subject: [PATCH] Make change responsive --- sass/_teckids.scss | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/sass/_teckids.scss b/sass/_teckids.scss index 8fac547e..8d468d29 100644 --- a/sass/_teckids.scss +++ b/sass/_teckids.scss @@ -1,4 +1,5 @@ @import "../node_modules/bulma/sass/utilities/functions.sass"; +@import "../node_modules/bulma/bulma.sass"; $teckids-orange: #ff6600; $teckids-orange-light: findLightColor($teckids-orange); @@ -61,19 +62,23 @@ $project-colors-title-fonts: ( background-color: $teckids-orange; } -#main-navbar > * > a, -#main-navbar > * > * > * > a -{ +#main-navbar>*>a { color: white; font-weight: bold; } -#main-navbar > * > * > * > a:hover -{ - color: $teckids-orange; +@include desktop { + #main-navbar>*>*>*>a { + color: white; + font-weight: bold; + } + + #main-navbar>*>*>*>a:hover { + color: $teckids-orange; + } } -$navbar-burger-color: white; +$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