WIP:bulma:neu
[website] / sass / juplo.scss
index 8e5c97d..cbd132e 100644 (file)
@@ -49,7 +49,10 @@ $button-hover-border-color: #000 !important;
 {
   display: none;
 }
-#navigation li.s > a.s.selected
+#navigation li.s > a.selected,
+#navigation li.s > a.leaf,
+#navigation li.s > strong.selected,
+#navigation li.s > strong.leaf
 {
   @extend .button;
   @extend .is-primary;
@@ -57,9 +60,18 @@ $button-hover-border-color: #000 !important;
   @extend .has-text-weight-bold;
   @extend .mb-3;
 }
-#navigation li.s > a.s.selected:after
+#navigation li.s > a.leaf,
+#navigation li.s > strong.leaf
 {
-  content: "\f0ab";
+  color: #ccc;
+  background-color: #fff;
+}
+#navigation li.s > a.selected:after,
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.selected:after,
+#navigation li.s > strong.leaf:after
+{
+  content: "\f0a8";
   padding-left: .5em;
   margin-right: -.5em;
   font-family: 'Font Awesome 5 Free';
@@ -72,8 +84,15 @@ $button-hover-border-color: #000 !important;
   text-rendering: auto;
   line-height: 1;
 }
-#navigation li.s > a.s.selected,
-#navigation li.s > strong.s
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.leaf:after
 {
-  color: $primary;
+  color: #fff;
+}
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > strong.leaf:after,
+#navigation li.s.sub > strong.leaf:after
+{
+  content: "\f0ab";
 }