X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=sass%2Fjuplo.scss;h=f846d591b9fb0b98567af344040787fb5c237796;hb=ac9fc01775d01519cb46e265eebfc821846d1c4d;hp=f5fe8f70405b9f1ef34452eadd61bdcaaeb2e733;hpb=f6262fd7fb79c74f81161d4883639c0b18640b9b;p=website

diff --git a/sass/juplo.scss b/sass/juplo.scss
index f5fe8f70..f846d591 100644
--- a/sass/juplo.scss
+++ b/sass/juplo.scss
@@ -26,6 +26,11 @@ $primary-invert: $pink-invert;
 // 4. Import the rest of Bulma
 */
 
+$primary: #0ACF00;
+$button-text-color: #FFF !important;
+$button-border-color: #000 !important;
+$button-hover-border-color: #000 !important;
+
 @import "../node_modules/bulma/bulma";
 @import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
 @import "../node_modules/@fortawesome/fontawesome-free/scss/regular";
@@ -47,10 +52,23 @@ $primary-invert: $pink-invert;
 #navigation li.s > a.s.selected
 {
   @extend .button;
+  @extend .is-primary;
+  @extend .is-rounded;
+  @extend .has-text-weight-bold;
   @extend .mb-3;
 }
-#navigation li.s > a.s.selected,
-#navigation li.s > strong.s
+#navigation li.s > a.s.selected:after
 {
-  color: $primary;
+  content: "\f0ab";
+  padding-left: .5em;
+  margin-right: -.5em;
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 900;
+  font-size: 2em;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
 }