polish

Jacky Zhao

2023-07-08 b90590b9f487cdd49f019375fa5a09aad2e8ec1f

 quartz/styles/base.scss

@@ -71,14 +71,10 @@
      font-size: 2rem;
    }

    // darkmode diagrams
    & svg {
      stroke: var(--dark);
    }

    & ul:has(input[type='checkbox']) {
    & li:has(> input[type='checkbox']) {
      list-style-type: none;
      padding-left: 0;
      margin-left: -1.4rem;
    }
  }

@@ -89,15 +85,8 @@
      flex-direction: column;
    }

    & .left, & .right {
    & .sidebar {
      flex: 1;
      width: calc(calc(100vw - $pageWidth) / 2);
      @media all and (max-width: $fullPageWidth) {
        width: initial;
      }
    }

    & .left-inner, & .right-inner {
      display: flex;
      flex-direction: column;
      gap: 2rem;
@@ -116,7 +105,7 @@
      }
    }

    & .left-inner {
    & .sidebar.left {
      left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
      @media all and (max-width: $fullPageWidth) {
        gap: 1rem;
@@ -124,7 +113,7 @@
      }
    }

    & .right-inner {
    & .sidebar.right {
      right: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
      & > * {
        @media all and (max-width: $fullPageWidth) {
@@ -227,6 +216,10 @@
  overflow-x: auto;
  border: 1px solid var(--lightgray);

  &:has(> code.mermaid) {
    border: none;
  }

  & > code {
    background: none;
    padding: 0;
@@ -272,15 +265,14 @@
}

table {
  border: 2px solid var(--gray);
  width: 100%;
  border: 1px solid var(--gray);
  padding: 1.5rem;
  border-collapse: collapse;
}

td, th {
  padding: 0.2rem 1rem;
  border: 2px solid var(--gray);
  border: 1px solid var(--gray);
}

img {