X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=sass%2Fjuplo.scss;h=d71f28949ce40832c16845a78f882af3a61f2155;hb=060df740d69ca450024f74514d7817e3bb14d5d9;hp=0ddb7f88fd1a6c6effd544b6a087b26d9e2f0cf4;hpb=8895b0e359e77ac47fab857a86bf13788d574234;p=website diff --git a/sass/juplo.scss b/sass/juplo.scss index 0ddb7f88..d71f2894 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,38 @@ $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"; +} + + +html +{ + height: 100%; +} +body +{ + height: 100%; + overflow-y: scroll; +} +#page +{ + position: relative; + min-height: 100%; +} +footer { - content: " " + position: relative; + left: 0; + right: 0; + bottom: 1em; }