Add documentation (#125)

docs/src/css/custom.css

@@ -0,0 +1,135 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: #3e0d60;
+  --ifm-color-primary-dark: #360b55;
+  --ifm-color-primary-darker: #2e094a;
+  --ifm-color-primary-darkest: #23073a;
+  --ifm-color-primary-light: #4b1573;
+  --ifm-color-primary-lighter: #561c85;
+  --ifm-color-primary-lightest: #642a95;
+  --ifm-code-font-size: 95%;
+  --docusaurus-highlighted-code-line-bg: rgba(40, 10, 60, 0.1);
+}
+
+[data-theme='dark'] {
+  --ifm-color-primary: #6b3fa0;
+  --ifm-color-primary-dark: #5f3891;
+  --ifm-color-primary-darker: #553283;
+  --ifm-color-primary-darkest: #44276a;
+  --ifm-color-primary-light: #7f54b0;
+  --ifm-color-primary-lighter: #9168bd;
+  --ifm-color-primary-lightest: #a27bcc;
+  --docusaurus-highlighted-code-line-bg: rgba(100, 60, 130, 0.2);
+}
+
+[data-theme='light'] code {
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+[data-theme='dark'] code {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: #f8f8f2;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.admonition ul {
+  margin-bottom: 0;
+}
+
+.env-var-block {
+  scroll-margin-top: 80px;
+  padding: 0.5rem;
+}
+
+.env-var-block + hr {
+  margin-top: 16px;
+}
+
+.env-var-highlight {
+  background-color: #fff3cd;
+  color: #000;
+  border-radius: 0.5rem;
+  transition:
+    background-color 1s ease-in-out,
+    color 1s ease-in-out,
+    border-radius 1s ease-in-out,
+    padding 1s ease-in-out;
+}
+
+.env-var-highlight code {
+  background-color: #fff3cd;
+  color: #000;
+  border-radius: 0.25rem;
+  transition:
+    background-color 1s ease-in-out,
+    color 1s ease-in-out,
+    border-radius 1s ease-in-out,
+    padding 1s ease-in-out;
+}
+
+.env-var-highlight > * {
+  color: initial;
+}
+
+.highlight-removing {
+  background-color: transparent;
+  color: #fff;
+  border-radius: 0;
+  transition:
+    background-color color 1s ease-in-out,
+    color 1s ease-in-out,
+    border-radius 1s ease-in-out,
+    padding 1s ease-in-out;
+}
+
+.admonition {
+  margin: 1rem 0;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  border-left: 4px solid;
+}
+
+.admonition-heading {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.5rem;
+}
+
+.admonition-heading h5 {
+  margin: 0;
+  font-weight: 600;
+}
+
+.admonition-content {
+  margin-bottom: 0.5rem;
+}
+
+.admonition-important {
+  background-color: rgba(220, 53, 69, 0.1);
+  border-left-color: #dc3545;
+}
+
+.admonition-warning {
+  background-color: rgba(255, 193, 7, 0.1);
+  border-left-color: #ffc107;
+}
+
+.admonition-note {
+  background-color: rgba(0, 123, 255, 0.1);
+  border-left-color: #007bff;
+}
+
+html {
+  scroll-behavior: smooth;
+}