Jacky Zhao
2023-07-24 e82ba97a396e4e9d77486b48e6ee8b1dfd1c1b4c
quartz/styles/base.scss
@@ -5,6 +5,8 @@
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body {
@@ -34,6 +36,8 @@
.math {
  color: var(--darkgray);
  fill: var(--darkgray);
  overflow-wrap: anywhere;
  hyphens: auto;
}
.math {
@@ -80,10 +84,6 @@
    margin: 0 5vw;
  }
  & p {
    overflow-wrap: anywhere;
  }
  & article {
    & > h1 {
      font-size: 2rem;
@@ -123,14 +123,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 +221,37 @@
    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;
  margin-top: 2.4rem;
}
h3 {
  font-size: 1.12rem;
  margin-top: 2.12rem;
}
h4,
h5,
h6 {
  font-size: 1rem;
  margin-top: 2rem;
}
div[data-rehype-pretty-code-fragment] {
  line-height: 1.5rem;
  line-height: 1.6rem;
  position: relative;
  & > div[data-rehype-pretty-code-title] {
@@ -313,7 +337,7 @@
tbody,
li,
p {
  line-height: 1.5rem;
  line-height: 1.6rem;
}
table {