From 3b1c5ffa88eaa292730de85bc91fb59b786de7e6 Mon Sep 17 00:00:00 2001 From: Lee Cattarin Date: Mon, 21 Sep 2026 12:48:45 -0700 Subject: [PATCH] SR fix --- css/post-toc.css | 4 ++-- src/posts/2026/2026-09-21-tree-style-toc.md | 8 ++++---- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/css/post-toc.css b/css/post-toc.css index c33f32c9..6cd3595f 100644 --- a/css/post-toc.css +++ b/css/post-toc.css @@ -70,7 +70,7 @@ } #toc li::before { - content: '├─'; + content: '├─' / ""; color: var(--color-pink); position: relative; left: -.34rem; @@ -84,7 +84,7 @@ /* Technically, we could use this content for all of them, but doing the full bar for the non-last-childs keeps the border a *smidge* more consistent for different levels of magnification */ - content: '└─'; + content: '└─' / ""; } /* underlines are unnecessary in this context */ diff --git a/src/posts/2026/2026-09-21-tree-style-toc.md b/src/posts/2026/2026-09-21-tree-style-toc.md index 75db8853..14c4497f 100644 --- a/src/posts/2026/2026-09-21-tree-style-toc.md +++ b/src/posts/2026/2026-09-21-tree-style-toc.md @@ -105,7 +105,7 @@ We're going to use a character (technically two) from the `tree` output and plac ```css #toc li::before { - content: '├─'; + content: '├─' / ""; color: var(--color-pink); } ``` @@ -149,7 +149,7 @@ You've probably noticed that the last children in the tree output had a bend rat /* Technically, we could use this content for all of them, but doing the full bar for the non-last-childs keeps the border a *smidge* more consistent for different levels of magnification */ - content: '└─'; + content: '└─' / ""; } ``` @@ -198,7 +198,7 @@ Here's the final collected CSS: } #toc li::before { - content: '├─'; + content: '├─' / ""; color: var(--color-pink); position: relative; left: -.34rem; @@ -212,6 +212,6 @@ Here's the final collected CSS: /* Technically, we could use this content for all of them, but doing the full bar for the non-last-childs keeps the border a *smidge* more consistent for different levels of magnification */ - content: '└─'; + content: '└─' / ""; } ```