Jacky Zhao
2023-07-24 8fd75ffbfda30edd5a134a1fbf9b81ac3cebb2ff
quartz/styles/base.scss
@@ -5,6 +5,8 @@
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body {
@@ -123,14 +125,14 @@
        flex-direction: row;
        padding: 0;
        width: initial;
        margin-top: 4rem;
        margin-top: 2rem;
      }
    }
    & .sidebar.left {
      left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
      @media all and (max-width: $fullPageWidth) {
        gap: 1rem;
        gap: 0rem;
        align-items: center;
      }
    }
@@ -221,13 +223,40 @@
    font-family: var(--codeFont);
    user-select: none;
  }
  &[id]:hover > a {
    opacity: 1;
  }
}
// typography improvements
h1 {
  font-size: 1.75rem;
  margin-top: 2.75rem;
}
h2 {
  font-size: 1.4rem;
  opacity: 0.95;
  margin-top: 2.4rem;
}
h3 {
  font-size: 1.12rem;
  margin-top: 2.12rem;
  opacity: 0.9;
}
h4,
h5,
h6 {
  font-size: 1rem;
  margin-top: 2rem;
  opacity: 0.85;
}
div[data-rehype-pretty-code-fragment] {
  line-height: 1.5rem;
  line-height: 1.6rem;
  position: relative;
  & > div[data-rehype-pretty-code-title] {
@@ -313,7 +342,7 @@
tbody,
li,
p {
  line-height: 1.5rem;
  line-height: 1.6rem;
}
table {