aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/styles/custom.css
diff options
context:
space:
mode:
authorYasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>2026-06-25 13:56:02 +0900
committerYasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>2026-06-25 13:56:02 +0900
commitc40643a98487d0dbe4d9b89877fb98249055c31d (patch)
treed77b47696c4b5f639328cc8da8a9af9a240c3a91 /src/styles/custom.css
parentfdb543c2ec991906f8bafc752a4a5e24aa07e349 (diff)
全ページにSNS共有ボタンと見出しアンカーリンクを追加
- SocialShare コンポーネント: X/Facebook/LINE 共有ボタンを 各ページフッターに表示 - Footer コンポーネントを上書きして SocialShare を組み込み - 見出し(h2/h3)にホバーでコピー可能なアンカーリンクを追加 - custom.css にアンカーリンクのスタイルを追加
Diffstat (limited to 'src/styles/custom.css')
-rw-r--r--src/styles/custom.css22
1 files changed, 22 insertions, 0 deletions
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);
+}