X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=sass%2Fjuplo.scss;h=cbd132eccd04229832b068a0ef57aacd80c1af06;hp=0ddb7f88fd1a6c6effd544b6a087b26d9e2f0cf4;hb=b271a1083470560bc2d18c34fb2819ce45404a26;hpb=8895b0e359e77ac47fab857a86bf13788d574234 diff --git a/sass/juplo.scss b/sass/juplo.scss index 0ddb7f88..cbd132ec 100644 --- a/sass/juplo.scss +++ b/sass/juplo.scss @@ -50,7 +50,9 @@ $button-hover-border-color: #000 !important; display: none; } #navigation li.s > a.selected, -#navigation li.s > a.leaf +#navigation li.s > a.leaf, +#navigation li.s > strong.selected, +#navigation li.s > strong.leaf { @extend .button; @extend .is-primary; @@ -58,15 +60,18 @@ $button-hover-border-color: #000 !important; @extend .has-text-weight-bold; @extend .mb-3; } -#navigation li.s > a.leaf +#navigation li.s > a.leaf, +#navigation li.s > strong.leaf { color: #ccc; background-color: #fff; } #navigation li.s > a.selected:after, -#navigation li.s > a.leaf:after +#navigation li.s > a.leaf:after, +#navigation li.s > strong.selected:after, +#navigation li.s > strong.leaf:after { - content: "\f0ab"; + content: "\f0a8"; padding-left: .5em; margin-right: -.5em; font-family: 'Font Awesome 5 Free'; @@ -79,7 +84,15 @@ $button-hover-border-color: #000 !important; text-rendering: auto; line-height: 1; } -#navigation li.s > a.leaf:after +#navigation li.s > a.leaf:after, +#navigation li.s > strong.leaf:after +{ + 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: " " + content: "\f0ab"; }