summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-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}