fix: catch html to jsx errors (closes #547)

Jacky Zhao

2023-10-22 60b3bc34cb07b5bec87cbd667ea9f804ff14cf3c

 quartz/styles/base.scss

@@ -1,7 +1,6 @@
@use "./custom.scss";
@use "./variables.scss" as *;
@use "./syntax.scss";
@use "./callouts.scss";
@use "./variables.scss" as *;

html {
  scroll-behavior: smooth;
@@ -27,6 +26,11 @@
  border-radius: 5px;
}

::selection {
  background: color-mix(in srgb, var(--tertiary) 75%, transparent);
  color: var(--darkgray);
}

p,
ul,
text,
@@ -45,7 +49,6 @@
}

.math {
  font-size: 1.1rem;
  &.math-display {
    text-align: center;
  }
@@ -91,6 +94,8 @@
  }

  & article {
    position: relative;

    & > h1 {
      font-size: 2rem;
    }
@@ -321,7 +326,6 @@
  border-radius: 5px;
  overflow-x: auto;
  border: 1px solid var(--lightgray);
  position: relative;

  &:has(> code.mermaid) {
    border: none;
@@ -443,7 +447,7 @@

ul.overflow,
ol.overflow {
  height: 300px;
  max-height: 400;
  overflow-y: auto;

  // clearfix
@@ -451,7 +455,7 @@
  clear: both;

  & > li:last-of-type {
    margin-bottom: 50px;
    margin-bottom: 30px;
  }

  &:after {
@@ -467,3 +471,9 @@
    background: linear-gradient(transparent 0px, var(--light));
  }
}

.transclude {
  ul {
    padding-left: 1rem;
  }
}