init

1 files changed, 44 insertions, 0 deletions

diff --git a/sass/include/_toc.scss b/sass/include/_toc.scss
new file mode 100644
index 0000000..0ee8476
--- /dev/null
+++ b/sass/include/_toc.scss
@@ -0,0 +1,44 @@
+main {
+  .toc {
+    max-width: 260px;
+    min-width: 240px;
+    margin-left: var(--s1);
+  }
+  .toc-item {
+    padding: .4rem 0;
+    color: var(--f1);
+  }
+  .toc-item a, .toc-item-child a {
+    color: var(--f1);
+    &:hover {
+      cursor: pointer;
+      color: var(--a2);
+      text-decoration: underline;
+    }
+  }
+  .toc-item a.active, .toc-item-child a.active {
+    color: var(--a2);
+  }
+  .toc-item-child {
+    padding: 0 var(--s1);
+    color: var(--f1);
+  }
+}
+.toc-sticky {
+  border-radius: var(--br);
+  border-top: 5px solid var(--a1);
+  background-color: var(--c2);
+  position: sticky;
+  top: var(--s2);
+  margin-top: var(--s2);
+  padding: 0 var(--s2) var(--s2);
+  max-height: 100vh;
+  overflow: auto;
+}
+@if map-get($breakpoints, "md") {
+  @media (max-width: map-get($breakpoints, "md")) {
+    .toc {
+      display: none;
+    }
+  }
+}