fix(graph): rolled back webgpu changes

.github/workflows/build-preview.yaml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     name: Build Preview
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 

.github/workflows/ci.yaml

@@ -19,7 +19,7 @@ jobs:
     permissions:
       contents: write
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
@@ -53,7 +53,7 @@ jobs:
     permissions:
       contents: write
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
       - name: Setup Node

.github/workflows/deploy-preview.yaml

@@ -18,7 +18,7 @@ jobs:
     name: Deploy Preview to Cloudflare Pages
     steps:
       - name: Download build artifact
-        uses: actions/download-artifact@v5
+        uses: actions/download-artifact@v4
         id: preview-build-artifact
         with:
           name: preview-build

.github/workflows/docker-build-push.yaml

@@ -21,11 +21,11 @@ jobs:
           echo "OWNER_LOWERCASE=${OWNER,,}" >> ${GITHUB_ENV}
         env:
           OWNER: "${{ github.repository_owner }}"
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 1
       - name: Inject slug/short variables
-        uses: rlespinasse/github-slug-action@v5.2.0
+        uses: rlespinasse/github-slug-action@v5.1.0
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v3
       - name: Set up Docker Buildx

docs/configuration.md

@@ -34,7 +34,6 @@ This part of the configuration concerns anything that can affect the whole site.
   - `{ provider: 'tinylytics', siteId: '<your-site-id>' }`: use [Tinylytics](https://tinylytics.app/);
   - `{ provider: 'cabin' }` or `{ provider: 'cabin', host: 'https://cabin.example.com' }` (custom domain): use [Cabin](https://withcabin.com);
   - `{provider: 'clarity', projectId: '<your-clarity-id-code' }`: use [Microsoft clarity](https://clarity.microsoft.com/). The project id can be found on top of the overview page.
-  - `{ provider: 'matomo', siteId: '<your-matomo-id-code', host: 'matomo.example.com' }`: use [Matomo](https://matomo.org/), without protocol.
 - `locale`: used for [[i18n]] and date formatting
 - `baseUrl`: this is used for sitemaps and RSS feeds that require an absolute URL to know where the canonical 'home' of your site lives. This is normally the deployed URL of your site (e.g. `quartz.jzhao.xyz` for this site). Do not include the protocol (i.e. `https://`) or any leading or trailing slashes.
   - This should also include the subpath if you are [[hosting]] on GitHub pages without a custom domain. For example, if my repository is `jackyzha0/quartz`, GitHub pages would deploy to `https://jackyzha0.github.io/quartz` and the `baseUrl` would be `jackyzha0.github.io/quartz`.

package-lock.json

@@ -1,20 +1,20 @@
 {
   "name": "@jackyzha0/quartz",
-  "version": "4.5.2",
+  "version": "4.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@jackyzha0/quartz",
-      "version": "4.5.2",
+      "version": "4.5.1",
       "license": "MIT",
       "dependencies": {
         "@clack/prompts": "^0.11.0",
-        "@floating-ui/dom": "^1.7.3",
+        "@floating-ui/dom": "^1.7.2",
         "@myriaddreamin/rehype-typst": "^0.6.0",
         "@napi-rs/simple-git": "0.1.21",
         "@tweenjs/tween.js": "^25.0.0",
-        "ansi-truncate": "^1.3.0",
+        "ansi-truncate": "^1.2.0",
         "async-mutex": "^0.5.0",
         "chokidar": "^4.0.3",
         "cli-spinner": "^0.2.10",
@@ -35,7 +35,7 @@
         "mdast-util-to-string": "^4.0.0",
         "micromorph": "^0.4.5",
         "minimatch": "^10.0.3",
-        "pixi.js": "^8.12.0",
+        "pixi.js": "^8.11.0",
         "preact": "^10.27.0",
         "preact-render-to-string": "^6.5.13",
         "pretty-bytes": "^7.0.0",
@@ -57,7 +57,7 @@
         "remark-rehype": "^11.1.2",
         "remark-smartypants": "^3.0.2",
         "rfdc": "^1.4.1",
-        "satori": "^0.16.2",
+        "satori": "^0.16.1",
         "serve-handler": "^6.1.6",
         "sharp": "^0.34.3",
         "shiki": "^1.26.2",
@@ -78,7 +78,7 @@
         "@types/d3": "^7.4.3",
         "@types/hast": "^3.0.4",
         "@types/js-yaml": "^4.0.9",
-        "@types/node": "^24.2.1",
+        "@types/node": "^24.1.0",
         "@types/pretty-time": "^1.1.5",
         "@types/source-map-support": "^0.5.10",
         "@types/ws": "^8.18.1",
@@ -86,7 +86,7 @@
         "esbuild": "^0.25.8",
         "prettier": "^3.6.2",
         "tsx": "^4.20.3",
-        "typescript": "^5.9.2"
+        "typescript": "^5.8.3"
       },
       "engines": {
         "node": ">=22",
@@ -623,21 +623,21 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.7.3",
+      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
-      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/utils": "^0.2.10"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.7.3",
+      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.3.tgz",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
-      "integrity": "sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==",
+      "integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/core": "^1.7.2",
         "@floating-ui/utils": "^0.2.10"
       }
     },
@@ -2040,13 +2040,13 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "24.2.1",
+      "version": "24.1.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.1.0.tgz",
-      "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==",
+      "integrity": "sha512-ut5FthK5moxFKH2T1CUOC6ctR67rQRvvHdFLCD2Ql6KXmMuCrjsSsRI9UsLCm9M18BMwClv4pn327UvB7eeO1w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~7.10.0"
+        "undici-types": "~7.8.0"
       }
     },
     "node_modules/@types/pretty-time": {
@@ -2150,12 +2150,12 @@
       }
     },
     "node_modules/ansi-truncate": {
-      "version": "1.3.0",
+      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-truncate/-/ansi-truncate-1.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-truncate/-/ansi-truncate-1.2.0.tgz",
-      "integrity": "sha512-hSLkS/Ur9acn+vEi/kRC6HzW56sjgU1Q9qXroVV8Hcf3cURAeUuXXQY239IoSK/d0iHfu2ZEuLBdAn8I+4TSzA==",
+      "integrity": "sha512-/SLVrxNIP8o8iRHjdK3K9s2hDqdvb86NEjZOAB6ecWFsOo+9obaby97prnvAPn6j7ExXCpbvtlJFYPkkspg4BQ==",
       "license": "MIT",
       "dependencies": {
-        "fast-string-truncated-width": "^2.0.0"
+        "fast-string-truncated-width": "^1.2.0"
       }
     },
     "node_modules/argparse": {
@@ -2467,10 +2467,9 @@
       }
     },
     "node_modules/css-gradient-parser": {
-      "version": "0.0.17",
+      "version": "0.0.16",
-      "resolved": "https://registry.npmjs.org/css-gradient-parser/-/css-gradient-parser-0.0.17.tgz",
+      "resolved": "https://registry.npmjs.org/css-gradient-parser/-/css-gradient-parser-0.0.16.tgz",
-      "integrity": "sha512-w2Xy9UMMwlKtou0vlRnXvWglPAceXCTtcmVSo8ZBUvqCV5aXEFP/PC6d+I464810I9FT++UACwTD5511bmGPUg==",
+      "integrity": "sha512-3O5QdqgFRUbXvK1x5INf1YkBz1UKSWqrd63vWsum8MNHDBYD5urm3QtxZbKU259OrEXNM26lP/MPY3d1IGkBgA==",
-      "license": "MIT",
       "engines": {
         "node": ">=16"
       }
@@ -3098,9 +3097,9 @@
       }
     },
     "node_modules/fast-string-truncated-width": {
-      "version": "2.0.1",
+      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-2.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-1.2.1.tgz",
-      "integrity": "sha512-Pl/IUsHVYft5xJvj6JaNv77Eg7BSva53V0SA7wPy5x3FfM7zgORdpGkUZiWoSJFuvK6qNVdh//lx1g3SYIJ10g==",
+      "integrity": "sha512-Q9acT/+Uu3GwGj+5w/zsGuQjh9O1TyywhIwAxHudtWrgF09nHOPrvTLhQevPbttcxjr/SNN7mJmfOw/B1bXgow==",
       "license": "MIT"
     },
     "node_modules/fastq": {
@@ -5432,9 +5431,9 @@
       }
     },
     "node_modules/pixi.js": {
-      "version": "8.12.0",
+      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-8.12.0.tgz",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-8.11.0.tgz",
-      "integrity": "sha512-or7vrH7WajLevu/JnGMdD80JaSpTlXfjwCLtzhg2BL60LWPf1pF0w08Qleiqr1Saj012gevguM//+6HzzVlnfA==",
+      "integrity": "sha512-dyuThzncsgEgJZnvd/A/5x6IkUERbK+phXqUQrI+0C6WE+8xqGH5VChRTLecemhgZF0kQ+gZOM3tJTX9937xpg==",
       "license": "MIT",
       "dependencies": {
         "@pixi/colord": "^2.9.6",
@@ -5442,7 +5441,7 @@
         "@types/earcut": "^3.0.0",
         "@webgpu/types": "^0.1.40",
         "@xmldom/xmldom": "^0.8.10",
-        "earcut": "^3.0.2",
+        "earcut": "^3.0.1",
         "eventemitter3": "^5.0.1",
         "gifuct-js": "^2.1.2",
         "ismobilejs": "^1.1.1",
@@ -6413,15 +6412,15 @@
       }
     },
     "node_modules/satori": {
-      "version": "0.16.2",
+      "version": "0.16.1",
-      "resolved": "https://registry.npmjs.org/satori/-/satori-0.16.2.tgz",
+      "resolved": "https://registry.npmjs.org/satori/-/satori-0.16.1.tgz",
-      "integrity": "sha512-tORnR2UZ1cB9N81WDjx5ZC4ToPmkybnJWyR8N1OC/z+5kWZcG1mcLssJ5WLNBj1lNr2igIFW0bIiugCxRKL/jQ==",
+      "integrity": "sha512-JM4bFaca8HMA11Xyfgrclv9qIPnd9uhUDr2oYrVlzqTrV7EA/VEeq/7hwe8r0eQP4JwNVW70JBtLRk0v48BTXg==",
       "license": "MPL-2.0",
       "dependencies": {
         "@shuding/opentype.js": "1.4.0-beta.0",
         "css-background-parser": "^0.1.0",
         "css-box-shadow": "1.0.0-3",
-        "css-gradient-parser": "^0.0.17",
+        "css-gradient-parser": "^0.0.16",
         "css-to-react-native": "^3.0.0",
         "emoji-regex-xs": "^2.0.1",
         "escape-html": "^1.0.3",
@@ -6838,9 +6837,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.9.2",
+      "version": "5.8.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
-      "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -6852,9 +6851,9 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "7.10.0",
+      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
-      "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==",
+      "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
       "dev": true,
       "license": "MIT"
     },

package.json

@@ -2,7 +2,7 @@
   "name": "@jackyzha0/quartz",
   "description": "🌱 publish your digital garden and notes as a website",
   "private": true,
-  "version": "4.5.2",
+  "version": "4.5.1",
   "type": "module",
   "author": "jackyzha0 <j.zhao2k19@gmail.com>",
   "license": "MIT",
@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@clack/prompts": "^0.11.0",
-    "@floating-ui/dom": "^1.7.3",
+    "@floating-ui/dom": "^1.7.2",
     "@myriaddreamin/rehype-typst": "^0.6.0",
     "@napi-rs/simple-git": "0.1.21",
     "@tweenjs/tween.js": "^25.0.0",
-    "ansi-truncate": "^1.3.0",
+    "ansi-truncate": "^1.2.0",
     "async-mutex": "^0.5.0",
     "chokidar": "^4.0.3",
     "cli-spinner": "^0.2.10",
@@ -61,7 +61,7 @@
     "mdast-util-to-string": "^4.0.0",
     "micromorph": "^0.4.5",
     "minimatch": "^10.0.3",
-    "pixi.js": "^8.12.0",
+    "pixi.js": "^8.11.0",
     "preact": "^10.27.0",
     "preact-render-to-string": "^6.5.13",
     "pretty-bytes": "^7.0.0",
@@ -83,7 +83,7 @@
     "remark-rehype": "^11.1.2",
     "remark-smartypants": "^3.0.2",
     "rfdc": "^1.4.1",
-    "satori": "^0.16.2",
+    "satori": "^0.16.1",
     "serve-handler": "^6.1.6",
     "sharp": "^0.34.3",
     "shiki": "^1.26.2",
@@ -101,7 +101,7 @@
     "@types/d3": "^7.4.3",
     "@types/hast": "^3.0.4",
     "@types/js-yaml": "^4.0.9",
-    "@types/node": "^24.2.1",
+    "@types/node": "^24.1.0",
     "@types/pretty-time": "^1.1.5",
     "@types/source-map-support": "^0.5.10",
     "@types/ws": "^8.18.1",
@@ -109,6 +109,6 @@
     "esbuild": "^0.25.8",
     "prettier": "^3.6.2",
     "tsx": "^4.20.3",
-    "typescript": "^5.9.2"
+    "typescript": "^5.8.3"
   }
 }

quartz/cfg.ts

@@ -42,11 +42,6 @@ export type Analytics =
       provider: "clarity"
       projectId?: string
     }
-  | {
-      provider: "matomo"
-      host: string
-      siteId: string
-    }
 
 export interface GlobalConfiguration {
   pageTitle: string

quartz/components/Explorer.tsx

@@ -55,14 +55,11 @@ export type FolderState = {
   collapsed: boolean
 }
 
-let numExplorers = 0
 export default ((userOpts?: Partial<Options>) => {
   const opts: Options = { ...defaultOptions, ...userOpts }
   const { OverflowList, overflowListAfterDOMLoaded } = OverflowListFactory()
 
   const Explorer: QuartzComponent = ({ cfg, displayClass }: QuartzComponentProps) => {
-    const id = `explorer-${numExplorers++}`
-
     return (
       <div
         class={classNames(displayClass, "explorer")}
@@ -80,7 +77,7 @@ export default ((userOpts?: Partial<Options>) => {
           type="button"
           class="explorer-toggle mobile-explorer hide-until-loaded"
           data-mobile={true}
-          aria-controls={id}
+          aria-controls="explorer-content"
         >
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -119,7 +116,7 @@ export default ((userOpts?: Partial<Options>) => {
             <polyline points="6 9 12 15 18 9"></polyline>
           </svg>
         </button>
-        <div id={id} class="explorer-content" aria-expanded={false} role="group">
+        <div class="explorer-content" aria-expanded={false}>
           <OverflowList class="explorer-ul" />
         </div>
         <template id="template-file">

quartz/components/OverflowList.tsx

@@ -12,9 +12,9 @@ const OverflowList = ({
   )
 }
 
-let numLists = 0
+let numExplorers = 0
 export default () => {
-  const id = `list-${numLists++}`
+  const id = `list-${numExplorers++}`
 
   return {
     OverflowList: (props: JSX.HTMLAttributes<HTMLUListElement>) => (

quartz/components/TableOfContents.tsx

@@ -17,7 +17,6 @@ const defaultOptions: Options = {
   layout: "modern",
 }
 
-let numTocs = 0
 export default ((opts?: Partial<Options>) => {
   const layout = opts?.layout ?? defaultOptions.layout
   const { OverflowList, overflowListAfterDOMLoaded } = OverflowListFactory()
@@ -30,13 +29,12 @@ export default ((opts?: Partial<Options>) => {
       return null
     }
 
-    const id = `toc-${numTocs++}`
     return (
       <div class={classNames(displayClass, "toc")}>
         <button
           type="button"
           class={fileData.collapseToc ? "collapsed toc-header" : "toc-header"}
-          aria-controls={id}
+          aria-controls="toc-content"
           aria-expanded={!fileData.collapseToc}
         >
           <h3>{i18n(cfg.locale).components.tableOfContents.title}</h3>
@@ -55,10 +53,7 @@ export default ((opts?: Partial<Options>) => {
             <polyline points="6 9 12 15 18 9"></polyline>
           </svg>
         </button>
-        <OverflowList
+        <OverflowList class={fileData.collapseToc ? "collapsed toc-content" : "toc-content"}>
-          id={id}
-          class={fileData.collapseToc ? "collapsed toc-content" : "toc-content"}
-        >
           {fileData.toc.map((tocEntry) => (
             <li key={tocEntry.slug} class={`depth-${tocEntry.depth}`}>
               <a href={`#${tocEntry.slug}`} data-for={tocEntry.slug}>

quartz/components/scripts/search.inline.ts

@@ -220,7 +220,7 @@ async function setupSearch(searchElement: Element, currentSlug: FullSlug, data:
 
     // If search is active, then we will render the first result and display accordingly
     if (!container.classList.contains("active")) return
-    if (e.key === "Enter" && !e.isComposing) {
+    if (e.key === "Enter") {
       // If result has focus, navigate to that one, otherwise pick first result
       if (results.contains(document.activeElement)) {
         const active = document.activeElement as HTMLInputElement

quartz/i18n/locales/pl-PL.ts

@@ -51,7 +51,7 @@ export default {
     },
     search: {
       title: "Szukaj",
-      searchBarPlaceholder: "Wpisz frazę wyszukiwania",
+      searchBarPlaceholder: "Search for something",
     },
     tableOfContents: {
       title: "Spis treści",

quartz/plugins/emitters/componentResources.ts

@@ -201,33 +201,6 @@ function addGlobalPageResources(ctx: BuildCtx, componentResources: ComponentReso
       })(window, document, "clarity", "script", "${cfg.analytics.projectId}");\`
       document.head.appendChild(clarityScript)
     `)
-  } else if (cfg.analytics?.provider === "matomo") {
-    componentResources.afterDOMLoaded.push(`
-      const matomoScript = document.createElement("script");
-      matomoScript.innerHTML = \`
-      let _paq = window._paq = window._paq || [];
-
-      // Track SPA navigation
-      // https://developer.matomo.org/guides/spa-tracking
-      document.addEventListener("nav", () => {
-        _paq.push(['setCustomUrl', location.pathname]);
-        _paq.push(['setDocumentTitle', document.title]);
-        _paq.push(['trackPageView']);
-      });
-
-      _paq.push(['trackPageView']);
-      _paq.push(['enableLinkTracking']);
-      (function() {
-        const u="//${cfg.analytics.host}/";
-        _paq.push(['setTrackerUrl', u+'matomo.php']);
-        _paq.push(['setSiteId', ${cfg.analytics.siteId}]);
-        const d=document, g=d.createElement('script'), s=d.getElementsByTagName
-('script')[0];
-        g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-      })();
-      \`
-      document.head.appendChild(matomoScript);
-    `)
   }
 
   if (cfg.enableSPA) {

quartz/plugins/transformers/ofm.ts

@@ -488,7 +488,16 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>>
                     {
                       data: { hProperties: { className: ["callout-content"] }, hName: "div" },
                       type: "blockquote",
-                      children: [...calloutContent],
+                      children: [
+                        {
+                          data: {
+                            hProperties: { className: ["callout-content-inner"] },
+                            hName: "div",
+                          },
+                          type: "blockquote",
+                          children: [...calloutContent],
+                        },
+                      ],
                     },
                   ]
                 }

quartz/styles/base.scss

@@ -39,9 +39,7 @@ li,
 ol,
 ul,
 .katex,
-.math,
+.math {
-.typst-doc,
-.typst-doc * {
   color: var(--darkgray);
   fill: var(--darkgray);
   hyphens: auto;
@@ -55,9 +53,7 @@ li,
 ol,
 ul,
 .katex,
-.math,
+.math {
-.typst-doc,
-.typst-doc * {
   overflow-wrap: anywhere;
   /* tr and td removed from list of selectors for overflow-wrap, allowing them to use default 'normal' property value */
 }

quartz/styles/callouts.scss

@@ -11,11 +11,14 @@
 
   & > .callout-content {
     display: grid;
-    transition: grid-template-rows 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
+    transition: grid-template-rows 0.3s ease;
-    overflow: hidden;
 
-    & > :first-child {
+    & > .callout-content-inner {
-      margin-top: 0;
+      overflow: hidden;
+
+      & > :first-child {
+        margin-top: 0;
+      }
     }
   }
 
@@ -118,19 +121,8 @@
     --callout-icon: var(--callout-icon-quote);
   }
 
-  &.is-collapsed {
+  &.is-collapsed > .callout-title > .fold-callout-icon {
-    & > .callout-title > .fold-callout-icon {
+    transform: rotateZ(-90deg);
-      transform: rotateZ(-90deg);
-    }
-
-    .callout-content > :first-child {
-      transition:
-        height 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
-        margin 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
-      overflow-y: clip;
-      height: 0;
-      margin-top: -1rem;
-    }
   }
 }