diff options
| author | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-06-25 14:00:56 +0900 |
|---|---|---|
| committer | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-06-25 14:00:56 +0900 |
| commit | 934af1cc65c64a1c2bbedd6d7c16d35b3060d4e1 (patch) | |
| tree | e19ae275cdba5ae49200907bd3dd884e1eae7ef9 /src/styles | |
| parent | c40643a98487d0dbe4d9b89877fb98249055c31d (diff) | |
SNS共有: twitter:card追加、見出しアンカーを常時表示に改善
- twitter:card=summary_large_image を追加し、Xでの共有表示を最適化
- 見出しアンカーを常時表示(opacity: 0.3)に変更
クリックで「コピーしました!」のフィードバック表示も追加
- OGPはStarlightが自動生成済み(title/description/image/url)
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/custom.css | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/styles/custom.css b/src/styles/custom.css index f765954..f43e7ff 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -1051,22 +1051,25 @@ main:has(.home-hero) { /* ── Heading Anchor Links ── */ .heading-anchor { - opacity: 0; + opacity: 0.3; margin-left: -1.2em; padding-right: 0.3em; color: var(--sl-color-gray-3); text-decoration: none; - transition: opacity 0.2s; + transition: + opacity 0.2s, + color 0.2s; float: left; } h2:hover .heading-anchor, -h3:hover .heading-anchor, -.heading-anchor.copied { +h3:hover .heading-anchor { opacity: 1; } .heading-anchor:hover { color: var(--sl-color-accent); + opacity: 1; } .heading-anchor.copied { + opacity: 1; color: var(--sl-color-green-high, #16a34a); } |
