diff --git a/_includes/logo.html b/_includes/logo.html
index 0f531b1..e69d387 100644
--- a/_includes/logo.html
+++ b/_includes/logo.html
@@ -1,8 +1,8 @@
-
-
+
diff --git a/_includes/nav.html b/_includes/nav.html
index b16bbe8..96f1237 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,8 +1,6 @@
-
- -
-
-
- -
+
+ -
+
{% for item in site.data.navlist.docs %}
@@ -14,3 +12,8 @@
+
\ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
index 2b74e4c..eb237b5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -50,6 +50,7 @@ nav {
width: 100%;
border-top: 1px solid var(--navBorder);
border-bottom: 1px solid var(--navBorder);
+ background: var(--navBg);
}
nav ul {
@@ -57,11 +58,11 @@ nav ul {
margin: 0;
padding: 0;
overflow: hidden;
- background: var(--navBg);
line-height: 1.15;
+ background: var(--navBg);
}
-nav ul li {
+nav ul li:not(.renderOnSm) {
float: left;
line-height: 1.15;
}
@@ -196,6 +197,10 @@ pre.highlight code {
margin: 0;
}
+.logoImg {
+ height: 3.5em;
+}
+
@media screen and (min-width: 980px) {
.headerbottom {
position: absolute;
@@ -208,15 +213,33 @@ pre.highlight code {
#contentwrap {
max-width: 980px;
}
+
+ nav ul {
+ max-width: calc(980px + 32px);
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .logoHeading {
+ display: flex;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: calc(980px + 32px);
+ }
}
@media screen and (max-width: 980px) {
- nav ul li {
+ .logoImg {
+ height: 2.5em;
+ }
+
+ nav ul li:not(.renderOnSm) {
float: none;
display: none;
}
nav {
max-height: 48px;
+ background: var(--navBg);
}
nav ul {
position: relative;
@@ -251,9 +274,6 @@ pre.highlight code {
text-decoration: none;
color: whitesmoke;
}
- .menucheck:checked ~ li {
- display: block;
- }
.fixednav {
position: relative;
}
@@ -262,8 +282,8 @@ pre.highlight code {
}
#contentwrap p, #contentwrap h1, #contentwrap h2, #contentwrap h3, #contentwrap h4 {
- padding-left: 6px;
- padding-right: 6px;
+ margin-left: 8px;
+ margin-right: 8px;
}
.github-icon {
@@ -271,7 +291,7 @@ pre.highlight code {
}
div.highlight {
- padding: 1px 6px 1px 6px;
+ padding: 1px 8px 1px 8px;
}
#contentwrap h3 {
@@ -287,6 +307,14 @@ pre.highlight code {
display: flex;
justify-content: center;
}
+
+ nav ul.navChecked li {
+ display: block;
+ }
+
+ .m10sm {
+ margin-top: 10px;
+ }
}
@media (prefers-color-scheme: light) {
diff --git a/assets/images/wattle-logo-dark.svg b/assets/images/wattle-logo-dark.svg
index 01ac001..bf8e2f3 100644
--- a/assets/images/wattle-logo-dark.svg
+++ b/assets/images/wattle-logo-dark.svg
@@ -1,245 +1,33 @@
-
-
-
-