hd-garden 0.5.8 → 0.5.9

package/app/components/garden/blocks.tsx

@@ -111,7 +111,7 @@ function CompareLine({ line }: { line: string }) {
   if (!split) return <p><Rich text={line} /></p>;
   return (
     <p className="g-cmp-line">
-      <span className="g-cmp-t"><Rich text={split.title} />{split.separator}</span>
+      <span className="g-cmp-h"><span className="g-cmp-t"><Rich text={split.title} /></span><span className="g-cmp-sep">{split.separator}</span></span>
       <Rich text={split.text} />
     </p>
   );

package/app/globals.css

@@ -1521,6 +1521,11 @@ button {
   border: 1px solid var(--line);
 }
 
+/* A thought opened from a link: only the border changes, in the ink accent. */
+.thought-card:target {
+  border-color: var(--accent);
+}
+
 .thought-card > header {
   display: flex;
   justify-content: space-between;

package/app/styles/a2.css

@@ -806,8 +806,10 @@ html[data-theme="dark"] .markdown-body .markdown-alert code {
   }
 
   /* A hidden TOC slides just past the right edge; clip it there so it does not
-     widen the page. clip (unlike hidden) keeps the sticky TOC working. */
-  html[data-toc-yield] #main-content {
+     widen the page. clip (unlike hidden) keeps the sticky TOC working. Not tied
+     to data-toc-yield: the attribute goes as the TOC starts sliding back, and
+     the page would widen for that 0.3s. */
+  #main-content:has(.toc) {
     overflow-x: clip;
   }
 }
@@ -997,8 +999,9 @@ html[data-theme="dark"] .markdown-body .markdown-alert code {
   margin-bottom: 0;
 }
 
-/* One-line cell 「X：Y」: X sits on its own line like a title, colon kept. */
-.g-cmp .g-cmp-t {
+/* One-line cell 「X：Y」: X sits on its own line like a title, colon kept.
+   .g-cmp-t holds the title only; the colon and its spaces are .g-cmp-sep. */
+.g-cmp .g-cmp-h {
   display: block;
   margin: 0 0 8px;
   font: 600 16px / 1.4 var(--sans);

package/app/styles/shell.css

@@ -199,7 +199,6 @@ html[data-theme="dark"] .sh-rail{color:var(--muted)}
 .sh-prose ul{margin:0;padding-left:1.2em}
 .sh-prose li{margin:.35em 0}
 .sh-prose a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}
-.sh-note{font-size:var(--fs-meta);color:var(--muted);margin-top:12px}
 
 /* ---------- 404 ---------- */
 .sh-404{padding:96px 0 24px;max-width:var(--list)}
@@ -325,38 +324,10 @@ html[data-theme="dark"] .sh-pal-scrim{background:rgba(0,0,0,.55)}
 .sh-notice strong{color:var(--ink)}
 .sh-month > h2{font:700 var(--fs-lead)/1.3 var(--sans);color:var(--ink);margin:40px 0 0;padding:0 0 12px;border-bottom:1px solid var(--rule-strong);display:flex;align-items:baseline;gap:10px}
 .sh-month > h2 .n{font:400 var(--fs-meta)/1 var(--sans);color:var(--muted)}
-.sh-note{padding:28px 0 26px;border-bottom:1px solid var(--rule)}
-.sh-note:target{background:linear-gradient(var(--blue-tint),var(--blue-tint)) no-repeat;background-size:100% 100%;box-shadow:-16px 0 0 var(--blue-tint),16px 0 0 var(--blue-tint)}
-.sh-note h3{margin:0 0 6px;font:700 var(--fs-body)/1.55 var(--sans);color:var(--ink)}
-.sh-note-body p{margin:0 0 .7em;font-size:var(--fs-body);line-height:1.8;color:var(--text)}
-.sh-note-body p:last-child{margin-bottom:0}
-.sh-note-imgs{display:grid;gap:6px;margin:16px 0 0;border-radius:var(--r);overflow:hidden}
-.sh-note-imgs img{display:block;width:100%;height:100%;object-fit:cover;background:var(--well)}
-.sh-note-imgs.one img{aspect-ratio:3/2}
-.sh-note-imgs.two{grid-template-columns:1fr 1fr}.sh-note-imgs.two img{aspect-ratio:1/1}
-.sh-note-imgs.three{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:3/2}
-.sh-note-imgs.three img:first-child{grid-row:1 / 3}
-.sh-note-video{display:block;width:100%;aspect-ratio:16/9;margin:16px 0 0;border-radius:var(--r);background:#000;object-fit:cover}
-.sh-note-audio{margin:16px 0 0;padding:12px 14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card)}
-.sh-note-audio figcaption{font-size:var(--fs-meta);color:var(--muted);margin:0 0 8px}
-.sh-note-audio audio{display:block;width:100%;height:36px}
-.sh-note-link{display:grid;gap:2px;margin:16px 0 0;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease}
-@media (hover:hover){.sh-note-link:hover{background:var(--card-hover);box-shadow:var(--card-shadow)}}
-.sh-note-link .h{font-size:var(--fs-meta);color:var(--muted)}
-.sh-note-link .t{font:600 15px/1.5 var(--sans);color:var(--ink)}
-.sh-note-link .t::after{content:" ↗";color:var(--muted);font-weight:400}
-.sh-note-link .d{font-size:var(--fs-small);line-height:1.6;color:var(--soft)}
-.sh-note footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:14px;font-size:var(--fs-meta);color:var(--muted)}
-.sh-note .when{color:var(--muted);text-decoration:none;font-variant-numeric:tabular-nums;padding:4px 0}
-.sh-note .when:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
-.sh-note .tag{color:var(--soft)}
-.sh-note .ex{font-size:12px;line-height:1;color:var(--muted);border:1px dashed var(--rule-strong);border-radius:6px;padding:3px 6px}
-html[data-theme="dark"] .sh-note-imgs img,html[data-theme="dark"] .sh-note-video{filter:brightness(.92)}
 
 @media (max-width:820px){
   .sh-subs{flex-wrap:nowrap;overflow-x:auto;margin:6px -20px 4px;padding:12px 20px 0;scrollbar-width:none}
   .sh-subs::-webkit-scrollbar{display:none}
-  .sh-note:target{box-shadow:-20px 0 0 var(--blue-tint),20px 0 0 var(--blue-tint)}
 }
 
 
@@ -437,5 +408,5 @@ html[data-theme="dark"] .sh-repos > li.sk::after{background:linear-gradient(90de
 
 /* Cards answer hover with a warm fill and a faint shadow; nothing moves. */
 @media (prefers-reduced-motion:reduce){
-  .sh-col,.sh-note-link,.sh-repos > li,.sh-tagchip{transition:none}
+  .sh-col,.sh-repos > li,.sh-tagchip{transition:none}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hd-garden",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "private": false,
   "description": "用 Markdown 写作、用 GitHub Pages 发布的个人博客引擎。",
   "license": "MIT",