summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-05-11 21:48:43 +0200
committerVolpeon <git@volpeon.ink>2021-05-11 21:48:43 +0200
commitdb4e8deae9f336bb06b33a0938dfbca0f12e8dfe (patch)
treee3432de298817259cd2d5d30c8021ecc0442f139 /assets
parentSimplified metadata processing, improved design (diff)
downloadvolpeon.ink-db4e8deae9f336bb06b33a0938dfbca0f12e8dfe.tar.gz
volpeon.ink-db4e8deae9f336bb06b33a0938dfbca0f12e8dfe.tar.bz2
volpeon.ink-db4e8deae9f336bb06b33a0938dfbca0f12e8dfe.zip
Make whole post clickable in post list
Diffstat (limited to 'assets')
-rw-r--r--assets/css/components/_post-list.scss20
1 files changed, 16 insertions, 4 deletions
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 7787efd..764fe3f 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -5,8 +5,10 @@
5 --fg: prop(--colors --fg-lo, $global: true), 5 --fg: prop(--colors --fg-lo, $global: true),
6 ), 6 ),
7 --post: ( 7 --post: (
8 --bg: prop(--colors --bg-lo, $global: true), 8 --idle-fg: hsl(210, 90%, 72%), // hsl(354, 100%, 66%),
9 --border: prop(--colors --obj-hi, $global: true), 9 --visited-fg: hsl(270, 60%, 75%), // hsl(354, 50%, 66%),
10 --bg: prop(--colors --bg-lo, $global: true),
11 --border: prop(--colors --obj-hi, $global: true),
10 ), 12 ),
11 --meta: ( 13 --meta: (
12 --fg: prop(--colors --fg-hi, $global: true), 14 --fg: prop(--colors --fg-hi, $global: true),
@@ -35,15 +37,25 @@
35 align-items: baseline; 37 align-items: baseline;
36 padding: prop(--dims --pad-y) prop(--dims --pad-x); 38 padding: prop(--dims --pad-y) prop(--dims --pad-x);
37 background-color: prop(--colors --post --bg); 39 background-color: prop(--colors --post --bg);
40 color: currentColor;
41 text-decoration: none;
38 42
39 @include next-twin-element { 43 @include next-twin-element {
40 border-top: 1px solid prop(--colors --post --border); 44 border-top: 1px solid prop(--colors --post --border);
41 } 45 }
46
47 &:visited {
48 @include element('post-title') {
49 color: prop(--colors --post --visited-fg);
50 }
51 }
42 } 52 }
43 53
44 @include element('post-title') { 54 @include element('post-title') {
45 margin-right: 1em; 55 margin-right: 1em;
46 font-size: 1 / 16 * 17em; 56 color: prop(--colors --post --idle-fg);
57 font-size: 1 / 16 * 17em;
58 text-decoration: underline;
47 } 59 }
48 60
49 @include element('post-date') { 61 @include element('post-date') {