diff options
author | Volpeon <git@volpeon.ink> | 2021-06-03 18:40:55 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-06-03 18:40:55 +0200 |
commit | 5a039e9d077fb05d554a3ea33f1594f8f4fa0e37 (patch) | |
tree | faecb08f4583b1baed4656ff017e4ac501afac4c /assets/css | |
parent | Use pandoc.path to compute URLs (diff) | |
download | volpeon.ink-5a039e9d077fb05d554a3ea33f1594f8f4fa0e37.tar.gz volpeon.ink-5a039e9d077fb05d554a3ea33f1594f8f4fa0e37.tar.bz2 volpeon.ink-5a039e9d077fb05d554a3ea33f1594f8f4fa0e37.zip |
Generate anchor in body headings
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/scopes/_headlines.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss index f09481e..3802f5a 100644 --- a/assets/css/scopes/_headlines.scss +++ b/assets/css/scopes/_headlines.scss | |||
@@ -1,6 +1,10 @@ | |||
1 | @include namespace('headlines') { | 1 | @include namespace('headlines') { |
2 | @include store(( | 2 | @include store(( |
3 | --colors: ( | 3 | --colors: ( |
4 | --link: ( | ||
5 | --idle-fg: prop(--colors --obj, $global: true), | ||
6 | --hover-fg: prop(--colors --fg-lo, $global: true), | ||
7 | ), | ||
4 | --emph: ( | 8 | --emph: ( |
5 | --bg: prop(--colors --bg-hi, $global: true), | 9 | --bg: prop(--colors --bg-hi, $global: true), |
6 | --body-bg: prop(--colors --bg-hi, $global: true), | 10 | --body-bg: prop(--colors --bg-hi, $global: true), |
@@ -74,5 +78,39 @@ | |||
74 | ); | 78 | ); |
75 | } | 79 | } |
76 | } | 80 | } |
81 | |||
82 | @include element('link') { | ||
83 | display: none; | ||
84 | margin: -.5rem 0; | ||
85 | padding: .5rem; | ||
86 | vertical-align: -.1em; | ||
87 | |||
88 | svg { | ||
89 | width: 1 / 16 * 14em; | ||
90 | height: 1 / 16 * 14em; | ||
91 | } | ||
92 | |||
93 | &:link, | ||
94 | &:visited { | ||
95 | color: prop(--colors --link --idle-fg); | ||
96 | |||
97 | &:hover { | ||
98 | color: prop(--colors --link --hover-fg); | ||
99 | } | ||
100 | } | ||
101 | } | ||
102 | |||
103 | h1, | ||
104 | h2, | ||
105 | h3, | ||
106 | h4, | ||
107 | h5, | ||
108 | h6 { | ||
109 | &:hover { | ||
110 | @include element('link') { | ||
111 | display: inline-block; | ||
112 | } | ||
113 | } | ||
114 | } | ||
77 | } | 115 | } |
78 | } | 116 | } |