diff --git a/docs/_static/icons.css b/docs/_static/icons.css
new file mode 100644
index 000000000..b237f109d
--- /dev/null
+++ b/docs/_static/icons.css
@@ -0,0 +1,10 @@
+@font-face {
+ font-family: 'Custom Icons';
+ font-style: normal;
+ font-weight: 400;
+ src: url('icons.woff') format('woff2');
+}
+
+.custom-icons {
+ font-family: 'Custom Icons' !important;
+}
diff --git a/docs/_static/icons.woff b/docs/_static/icons.woff
new file mode 100644
index 000000000..50a340c47
Binary files /dev/null and b/docs/_static/icons.woff differ
diff --git a/docs/_static/style.css b/docs/_static/style.css
index 424d9089a..d74db2006 100644
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -212,9 +212,9 @@ body {
grid-auto-rows: min-content auto min-content;
grid-template-areas:
"s"
+ "h"
"n"
"c"
- "h"
"f";
}
@@ -238,33 +238,38 @@ a:hover {
header {
grid-area: h;
- background-color: var(--main-background);
+ background-color: var(--grey-6);
color: var(--main-text);
}
header > nav {
display: flex;
flex-direction: row;
- justify-content: space-evenly;
+ justify-content: flex-end;
}
header > nav > a {
color: var(--white);
}
+.main-heading {
+ margin-right: auto;
+}
+
+header > nav a:not(.main-heading) {
+ margin: 0 0.5em;
+}
+
header > nav > a:hover {
color: var(--white);
text-decoration: underline;
}
-.main-heading {
- display: none;
-}
-
.sub-header {
grid-area: n;
background-color: var(--grey-6);
color: var(--white);
+ display: none;
}
/* these aren't shown on mobile */
@@ -1007,21 +1012,12 @@ div.code-block-caption {
"s f f f f f";
}
- header {
- background-color: var(--black);
- }
-
- header > nav {
- justify-content: flex-end;
- }
-
- .main-heading {
- margin-right: auto;
- display: unset;
+ .mobile-only {
+ display: none;
}
- header > nav a:not(.main-heading) {
- margin: 0 0.5em;
+ header {
+ background-color: var(--black);
}
.sub-header {
@@ -1060,7 +1056,7 @@ div.code-block-caption {
display: inline-block;
position: sticky;
top: 1em;
- height: calc(100vh - 1em);
+ max-height: calc(100vh - 1em);
overflow-y: auto;
margin: 1em;
}
diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index 13452e08d..ef5a81d24 100644
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -9,6 +9,7 @@
+
{%- block css %}
{%- for css in css_files %}
{%- if css|attr("filename") %}
@@ -58,9 +59,10 @@
diff --git a/docs/images/snake.svg b/docs/images/snake.svg
index 1f3521b5d..aa741440e 100644
--- a/docs/images/snake.svg
+++ b/docs/images/snake.svg
@@ -1,17 +1,17 @@
diff --git a/docs/images/snake_dark.svg b/docs/images/snake_dark.svg
index 1517d60d0..12022af4d 100644
--- a/docs/images/snake_dark.svg
+++ b/docs/images/snake_dark.svg
@@ -1,17 +1,17 @@