X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=sass%2Fjuplo.scss;h=14013167be4d0f9825e9e15f9bde896e1e04bb47;hb=94f92cd692445bd3bca1707e6db1fe025f5b092b;hp=f846d591b9fb0b98567af344040787fb5c237796;hpb=ac9fc01775d01519cb46e265eebfc821846d1c4d;p=website

diff --git a/sass/juplo.scss b/sass/juplo.scss
index f846d591..14013167 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,47 @@ $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";
+}
+
+
+html
+{
+  height: 100%;
+}
+body
+{
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+#page
+{
+  flex: 1 0 auto;
+  display: flex;
+  justify-content: flex-end;
+}
+footer
+{
+  flex-shrink: 0;
+}
+main {
+  flex-grow: 1;
+  max-width: 768px;
+  min-width: 568px;
+  overflow: hidden;
+}
+nav {
+  flex-grow: 0;
+  min-width: 293px;
+}