X-Git-Url: http://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=sass%2Fjuplo.scss;h=f5fe8f70405b9f1ef34452eadd61bdcaaeb2e733;hp=89948e7675c6f1ff82ab3923c3b61fe5a85938c5;hb=f6262fd7fb79c74f81161d4883639c0b18640b9b;hpb=54964ea99c292eaba7f4dad3d0308f0e656cf6d9 diff --git a/sass/juplo.scss b/sass/juplo.scss index 89948e76..f5fe8f70 100644 --- a/sass/juplo.scss +++ b/sass/juplo.scss @@ -27,10 +27,30 @@ $primary-invert: $pink-invert; */ @import "../node_modules/bulma/bulma"; +@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome"; +@import "../node_modules/@fortawesome/fontawesome-free/scss/regular"; +@import "../node_modules/@fortawesome/fontawesome-free/scss/solid"; +@import "../node_modules/@fortawesome/fontawesome-free/scss/brands"; .navbar-item > .logo { max-height: none; } -@import "navigation"; + +// Navigation + +#navigation li.s.off +{ + display: none; +} +#navigation li.s > a.s.selected +{ + @extend .button; + @extend .mb-3; +} +#navigation li.s > a.s.selected, +#navigation li.s > strong.s +{ + color: $primary; +}