Skip to content
Snippets Groups Projects
Commit caaa3f24 authored by codecraft's avatar codecraft :crocodile:
Browse files

Make change responsive

parent 37a48551
No related branches found
No related tags found
1 merge request!36Make navbar title text bold white and bold orange on hover
Hide whitespace changes
Inline Side-by-side
Showing
with 12 additions and 7 deletions
sass/_teckids.scss
+ 12
− 7
View file @ caaa3f24
@import "../node_modules/bulma/sass/utilities/functions.sass"; @import "../node_modules/bulma/sass/utilities/functions.sass";
@import "../node_modules/bulma/bulma.sass";
$teckids-orange: #ff6600; $teckids-orange: #ff6600;
$teckids-orange-light: findLightColor($teckids-orange); $teckids-orange-light: findLightColor($teckids-orange);
...@@ -61,19 +62,23 @@ $project-colors-title-fonts: ( ...@@ -61,19 +62,23 @@ $project-colors-title-fonts: (
background-color: $teckids-orange; background-color: $teckids-orange;
} }
#main-navbar > * > a, #main-navbar>*>a {
#main-navbar > * > * > * > a
{
color: white; color: white;
font-weight: bold; font-weight: bold;
} }
#main-navbar > * > * > * > a:hover @include desktop {
{ #main-navbar>*>*>*>a {
color: $teckids-orange; color: white;
font-weight: bold;
}
#main-navbar>*>*>*>a:hover {
color: $teckids-orange;
}
} }
$navbar-burger-color: white;
$navbar-burger-color: white;
.circle-bg { .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"); 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");
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment