X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=sass%2Fjuplo.scss;h=cbd132eccd04229832b068a0ef57aacd80c1af06;hp=f846d591b9fb0b98567af344040787fb5c237796;hb=b271a1083470560bc2d18c34fb2819ce45404a26;hpb=ac9fc01775d01519cb46e265eebfc821846d1c4d diff --git a/sass/juplo.scss b/sass/juplo.scss index f846d591..cbd132ec 100644 --- a/sass/juplo.scss +++ b/sass/juplo.scss @@ -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,3 +84,15 @@ $button-hover-border-color: #000 !important; text-rendering: auto; line-height: 1; } +#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"; +}