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;
@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: "\f0a8";
padding-left: .5em;
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.leaf: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;
+}
+nav {
+ flex-grow: 0;
+}