summaryrefslogtreecommitdiffstats
path: root/assets/css/scopes
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-06-03 18:40:55 +0200
committerVolpeon <git@volpeon.ink>2021-06-03 18:40:55 +0200
commit5a039e9d077fb05d554a3ea33f1594f8f4fa0e37 (patch)
treefaecb08f4583b1baed4656ff017e4ac501afac4c /assets/css/scopes
parentUse pandoc.path to compute URLs (diff)
downloadvolpeon.ink-5a039e9d077fb05d554a3ea33f1594f8f4fa0e37.tar.gz
volpeon.ink-5a039e9d077fb05d554a3ea33f1594f8f4fa0e37.tar.bz2
volpeon.ink-5a039e9d077fb05d554a3ea33f1594f8f4fa0e37.zip
Generate anchor in body headings
Diffstat (limited to 'assets/css/scopes')
-rw-r--r--assets/css/scopes/_headlines.scss38
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}