X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=sass%2Fjuplo.scss;h=cbd132eccd04229832b068a0ef57aacd80c1af06;hp=1b1bbc6fd4ba69a0c40d198cced25e318c7fe893;hb=b271a1083470560bc2d18c34fb2819ce45404a26;hpb=f36618612aef099fcd32cb4602e3b6367b52be39 diff --git a/sass/juplo.scss b/sass/juplo.scss index 1b1bbc6f..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: "\f0ab"; +}