Quartz sync: May 18, 2025, 10:49 PM

Author: codeyoma

content/z-index/- Guideline.md

@@ -299,6 +299,5 @@ You can also use inline footnotes. ^[This is an inline footnote.]
 
 ---
 # MathJax
-[![MathJax basic tutorial](https://svg.bookmark.style/api?url=https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference&mode=light&style=horizontal)](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference)
-
-[![mathJax support extensions list](https://svg.bookmark.style/api?url=https://docs.mathjax.org/en/latest/input/tex/extensions/index.html&mode=light&style=horizontal)](https://docs.mathjax.org/en/latest/input/tex/extensions/index.html)
+- [MathJax basic tutorial](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference)
+- [mathJax support extensions list](https://docs.mathjax.org/en/latest/input/tex/extensions/index.html)

quartz/components/styles/toc.scss

@@ -1,66 +1,68 @@
 @use "../../styles/variables.scss" as *;
 
 .toc {
-  display: flex;
-  flex-direction: column;
-  overflow-y: hidden;
-  min-height: 1.4rem;
-  flex: 0 0.5 auto;
-  &:has(button.toc-header.collapsed) {
-    flex: 0 1 1.4rem;
-  }
+    display: flex;
+    flex-direction: column;
+    overflow-y: hidden;
+    min-height: 1.4rem;
+    flex: 0 0.5 auto;
+
+    &:has(button.toc-header.collapsed) {
+        flex: 0 1 1.4rem;
+    }
 }
 
 button.toc-header {
-  background-color: transparent;
-  border: none;
-  text-align: left;
-  cursor: pointer;
-  padding: 0;
-  color: var(--dark);
-  display: flex;
-  align-items: center;
+    background-color: transparent;
+    border: none;
+    text-align: left;
+    cursor: pointer;
+    padding: 0;
+    color: var(--dark);
+    display: flex;
+    align-items: center;
 
-  & h3 {
-    font-size: 1rem;
-    display: inline-block;
-    margin: 0;
-  }
+    & h3 {
+        font-size: 1rem;
+        display: inline-block;
+        margin: 0;
+    }
 
-  & .fold {
-    margin-left: 0.5rem;
-    transition: transform 0.3s ease;
-    opacity: 0.8;
-  }
+    & .fold {
+        margin-left: 0.5rem;
+        transition: transform 0.3s ease;
+        opacity: 0.8;
+    }
 
-  &.collapsed .fold {
-    transform: rotateZ(-90deg);
-  }
+    &.collapsed .fold {
+        transform: rotateZ(-90deg);
+    }
 }
 
 ul.toc-content.overflow {
-  list-style: none;
-  position: relative;
-  margin: 0.5rem 0;
-  padding: 0;
-  max-height: calc(100% - 2rem);
-  overscroll-behavior: contain;
-  list-style: none;
+    list-style: none;
+    position: relative;
+    margin: 0.5rem 0;
+    padding: 0;
+    max-height: calc(100% - 2rem);
+    overscroll-behavior: contain;
+    list-style: none;
 
-  & > li > a {
-    color: var(--dark);
-    opacity: 0.35;
-    transition:
-      0.5s ease opacity,
-      0.3s ease color;
-    &.in-view {
-      opacity: 0.75;
+    &>li>a {
+        color: var(--dark);
+        opacity: 0.25;
+        transition:
+            0.5s ease opacity,
+            0.3s ease color;
+
+        &.in-view {
+            opacity: 0.80;
+        }
     }
-  }
 
-  @for $i from 0 through 6 {
-    & .depth-#{$i} {
-      padding-left: calc(1rem * #{$i});
+    @for $i from 0 through 6 {
+        & .depth-#{$i} {
+            padding-left: calc(1rem * #{$i});
+        }
     }
-  }
 }