diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss index 375fa7a..c41f8b9 100644 --- a/assets/sass/_zen.scss +++ b/assets/sass/_zen.scss @@ -128,6 +128,36 @@ article { } } +// Anchor + +.anchor { + display: grid; + grid-template-columns: auto 1fr; + align-items: baseline; + gap: .5rem; + + a { + opacity: 0; + text-decoration: none; + } + + &:focus-visible, + &:hover { + a { + opacity: .4; + + &:focus-visible, + &:hover { + opacity: 1; + } + } + } + + p:has(+ &) { + margin-block-end: 0; + } +} + // Search .search-text { diff --git a/layouts/_default/_markup/render-heading.html.example b/layouts/_default/_markup/render-heading.html.example index 415fd42..b2aa03a 100644 --- a/layouts/_default/_markup/render-heading.html.example +++ b/layouts/_default/_markup/render-heading.html.example @@ -1,7 +1,12 @@ - +
+ {{- .Text | safeHTML -}} - + + + +