From c40643a98487d0dbe4d9b89877fb98249055c31d Mon Sep 17 00:00:00 2001 From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> Date: Thu, 25 Jun 2026 13:56:02 +0900 Subject: 全ページにSNS共有ボタンと見出しアンカーリンクを追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - SocialShare コンポーネント: X/Facebook/LINE 共有ボタンを 各ページフッターに表示 - Footer コンポーネントを上書きして SocialShare を組み込み - 見出し(h2/h3)にホバーでコピー可能なアンカーリンクを追加 - custom.css にアンカーリンクのスタイルを追加 --- src/styles/custom.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'src/styles/custom.css') diff --git a/src/styles/custom.css b/src/styles/custom.css index 67a4c79..f765954 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -1048,3 +1048,25 @@ main:has(.home-hero) { font-size: 0.75em; vertical-align: super; } + +/* ── Heading Anchor Links ── */ +.heading-anchor { + opacity: 0; + margin-left: -1.2em; + padding-right: 0.3em; + color: var(--sl-color-gray-3); + text-decoration: none; + transition: opacity 0.2s; + float: left; +} +h2:hover .heading-anchor, +h3:hover .heading-anchor, +.heading-anchor.copied { + opacity: 1; +} +.heading-anchor:hover { + color: var(--sl-color-accent); +} +.heading-anchor.copied { + color: var(--sl-color-green-high, #16a34a); +} -- cgit v1.3.1