summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-05-12 08:37:29 +0200
committerVolpeon <git@volpeon.ink>2021-05-12 08:37:29 +0200
commit2cda552e5444edb6b4b5842b7932e8fd0b3f15b0 (patch)
treed690f7f3ee9430e00df386efb05f25746778ddd3 /assets
parentDesign (diff)
downloadvolpeon.ink-2cda552e5444edb6b4b5842b7932e8fd0b3f15b0.tar.gz
volpeon.ink-2cda552e5444edb6b4b5842b7932e8fd0b3f15b0.tar.bz2
volpeon.ink-2cda552e5444edb6b4b5842b7932e8fd0b3f15b0.zip
Design update
Diffstat (limited to 'assets')
-rw-r--r--assets/css/_vars.scss4
-rw-r--r--assets/css/components/_post-list.scss13
2 files changed, 8 insertions, 9 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 5ba9fa2..ab3d9e5 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -68,8 +68,8 @@ $gray7: hsl(220, 7%, 100%);
68 --link: ( 68 --link: (
69 --idle: var(--colors--fg-lo), 69 --idle: var(--colors--fg-lo),
70 --colored: ( 70 --colored: (
71 --idle: hsl(210, 90%, 72%), // hsl(354, 100%, 66%), 71 --idle: hsl(210, 90%, 72%), //hsl(var(--colors--accent--h), 100%, 66%), //
72 --visited: hsl(270, 60%, 75%), // hsl(354, 50%, 66%), 72 --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), //
73 ) 73 )
74 ), 74 ),
75 ) 75 )
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 764fe3f..5e9f520 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -5,8 +5,8 @@
5 --fg: prop(--colors --fg-lo, $global: true), 5 --fg: prop(--colors --fg-lo, $global: true),
6 ), 6 ),
7 --post: ( 7 --post: (
8 --idle-fg: hsl(210, 90%, 72%), // hsl(354, 100%, 66%), 8 --idle-fg: prop(--colors --fg-lo, $global: true),
9 --visited-fg: hsl(270, 60%, 75%), // hsl(354, 50%, 66%), 9 --visited-fg: prop(--colors --fg, $global: true),
10 --bg: prop(--colors --bg-lo, $global: true), 10 --bg: prop(--colors --bg-lo, $global: true),
11 --border: prop(--colors --obj-hi, $global: true), 11 --border: prop(--colors --obj-hi, $global: true),
12 ), 12 ),
@@ -41,7 +41,7 @@
41 text-decoration: none; 41 text-decoration: none;
42 42
43 @include next-twin-element { 43 @include next-twin-element {
44 border-top: 1px solid prop(--colors --post --border); 44 margin-top: 2px;
45 } 45 }
46 46
47 &:visited { 47 &:visited {
@@ -52,10 +52,9 @@
52 } 52 }
53 53
54 @include element('post-title') { 54 @include element('post-title') {
55 margin-right: 1em; 55 margin-right: 1em;
56 color: prop(--colors --post --idle-fg); 56 color: prop(--colors --post --idle-fg);
57 font-size: 1 / 16 * 17em; 57 font-size: 1 / 16 * 17em;
58 text-decoration: underline;
59 } 58 }
60 59
61 @include element('post-date') { 60 @include element('post-date') {