summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-05-19 19:23:51 +0200
committerVolpeon <git@volpeon.ink>2021-05-19 19:23:51 +0200
commit9848ce0968b72bd5c872004a03984d5b022dd5ca (patch)
treeba6b38ee7e258108f9aade6da09d77dcc983bf53
parentDesign (diff)
downloadvolpeon.ink-9848ce0968b72bd5c872004a03984d5b022dd5ca.tar.gz
volpeon.ink-9848ce0968b72bd5c872004a03984d5b022dd5ca.tar.bz2
volpeon.ink-9848ce0968b72bd5c872004a03984d5b022dd5ca.zip
Better link colors
-rw-r--r--assets/css/_utils.scss2
-rw-r--r--assets/css/_vars.scss8
-rw-r--r--content/9thPK7O3xn/mis-design-test.md14
-rw-r--r--templates/layouts/categorized_list.html2
4 files changed, 20 insertions, 6 deletions
diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss
index 31440c3..8287108 100644
--- a/assets/css/_utils.scss
+++ b/assets/css/_utils.scss
@@ -74,6 +74,6 @@
74 display: block; 74 display: block;
75} 75}
76 76
77@include utility('flex-shrink-0') { 77@include utility('fs0') {
78 flex-shrink: 0; 78 flex-shrink: 0;
79} 79}
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 96c1c75..2669a3b 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -75,8 +75,8 @@ $content--width: 42rem;
75 --link: ( 75 --link: (
76 --idle: var(--colors--fg-lo), 76 --idle: var(--colors--fg-lo),
77 --colored: ( 77 --colored: (
78 --idle: hsl(210, 90%, 72%), //hsl(var(--colors--accent--h), 100%, 66%), // 78 --idle: hsl(220, 100%, 75%), //hsl(var(--colors--accent--h), 100%, 66%), //
79 --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), // 79 --visited: hsl(290, 30%, 67%), //hsl(var(--colors--accent--h), 50%, 66%), //
80 ) 80 )
81 ), 81 ),
82 82
@@ -126,8 +126,8 @@ $content--width: 42rem;
126 126
127 --link: ( 127 --link: (
128 --colored: ( 128 --colored: (
129 --idle: hsl(210, 70%, 45%), //hsl(var(--colors--accent--h), 100%, 66%), // 129 --idle: hsl(220, 90%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), //
130 --visited: hsl(270, 40%, 48%), //hsl(var(--colors--accent--h), 50%, 66%), // 130 --visited: hsl(290, 40%, 40%), //hsl(var(--colors--accent--h), 50%, 66%), //
131 ) 131 )
132 ), 132 ),
133 ), 133 ),
diff --git a/content/9thPK7O3xn/mis-design-test.md b/content/9thPK7O3xn/mis-design-test.md
index 687d215..a822388 100644
--- a/content/9thPK7O3xn/mis-design-test.md
+++ b/content/9thPK7O3xn/mis-design-test.md
@@ -304,3 +304,17 @@ Unlike a pre-formatted code block, a code span indicates code within a
304normal paragraph. For example: 304normal paragraph. For example:
305 305
306Use the `printf()` function. 306Use the `printf()` function.
307
308---
309
310# Headline 1
311
312## Headline 2
313
314### Headline 3
315
316#### Headline 4
317
318##### Headline 5
319
320###### Headline 6
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 1101e27..898c011 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -18,7 +18,7 @@ $body$
18 $it.title$ 18 $it.title$
19 </div> 19 </div>
20 $if(it.category.show_date)$ 20 $if(it.category.show_date)$
21 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-flex-shrink-0"> 21 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
22 <small class="u-dn@sm-hi"> 22 <small class="u-dn@sm-hi">
23 $it.date.short$ 23 $it.date.short$
24 </small> 24 </small>