fix inline link highlighting, safer latex render

Jacky Zhao

2022-05-06 ed9a8efd1ff4ee569fa4256e044151670abaea82

 assets/styles/base.scss

@@ -12,6 +12,19 @@
  font-weight: revert;
  margin: revert;
  padding: revert;

  &:hover > .hanchor {
    opacity: 1;
  }
}

.hanchor {
  font-family: Inter;
  margin-left: -1em;
  opacity: 0.3;
  transition: opacity 0.3s ease;
  color: var(--secondary);

}

p, ul, text {
@@ -329,6 +342,13 @@
  & #graph-container {
    border: var(--outlinegray) 1px solid;
    border-radius: 5px;
    box-sizing: border-box;
    min-height: 250px;

    & > svg {
      margin-bottom: -5px;

    }
  }
}

@@ -421,7 +441,7 @@
    }

    & > #results-container {
      & > .result-card {
      & .result-card {
        padding: 1em;
        cursor: pointer;
        transition: background 0.2s ease;
@@ -458,17 +478,17 @@
        & > h3, & > p {
          margin: 0;
        }

        & .search-highlight {
          background-color: #afbfc966;
          padding: 0.05em 0.2em;
          border-radius: 3px;
        }
      }
    }
  }
}

.search-highlight {
  background-color: #afbfc966;
  padding: 0.05em 0.2em;
  border-radius: 3px;
}

.section-ul {
  list-style: none;
  padding-left: 0;
@@ -549,7 +569,7 @@
    font-size: 0.8rem;
  }

  & > p {
  & > p, & > a {
    margin: 0;
    font-weight: 400;
    user-select: none;