summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-06-05 17:12:33 +0200
committerVolpeon <git@volpeon.ink>2021-06-05 17:12:33 +0200
commit385db81296bccf0c9e4341580d96e6a868f9d7f0 (patch)
treef8710c1d930f86be759e306bff5f274da49c026f /assets/css
parentImproved heading link size (diff)
downloadvolpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.tar.gz
volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.tar.bz2
volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.zip
Some design fixes, page list metadata improvements
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_basics.scss5
-rw-r--r--assets/css/_vars.scss4
-rw-r--r--assets/css/components/_footer.scss2
-rw-r--r--assets/css/components/_post-list.scss5
4 files changed, 13 insertions, 3 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 9a6a53e..fd15836 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -39,6 +39,11 @@ body {
39 padding: 0; 39 padding: 0;
40} 40}
41 41
42main {
43 display: flex;
44 flex-direction: column;
45}
46
42pre, 47pre,
43code { 48code {
44 font-family: $font-fam--mono; 49 font-family: $font-fam--mono;
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 4dc709b..bf2097e 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -39,7 +39,7 @@ $content--width: 42rem;
39 --outer: 4rem, 39 --outer: 4rem,
40 --indent: 2rem, 40 --indent: 2rem,
41 41
42 --obj-shadow: 0 .4em 3.5em, 42 --obj-shadow: 0 .4em 2.8em,
43 ), 43 ),
44 --colors: ( 44 --colors: (
45 --bg-hi: $gray0, // Darker background 45 --bg-hi: $gray0, // Darker background
@@ -76,7 +76,7 @@ $content--width: 42rem;
76 --idle: var(--colors--fg-lo), 76 --idle: var(--colors--fg-lo),
77 --colored: ( 77 --colored: (
78 --idle: hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), // 78 --idle: hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), //
79 --visited: hsl(290, 35%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), // 79 --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), //
80 ) 80 )
81 ), 81 ),
82 82
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 3705b79..cc0e827 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -9,7 +9,9 @@
9 9
10 @include component(namespace()) { 10 @include component(namespace()) {
11 position: relative; 11 position: relative;
12 flex: 0 0 auto;
12 min-height: prop(--dims --outer, $global: true); 13 min-height: prop(--dims --outer, $global: true);
14 margin-top: auto;
13 overflow: hidden; 15 overflow: hidden;
14 background-color: prop(--colors --bg); 16 background-color: prop(--colors --bg);
15 color: prop(--colors --fg); 17 color: prop(--colors --fg);
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 03b5e7a..ba4c5af 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -15,8 +15,11 @@
15 )); 15 ));
16 16
17 @include component(namespace()) { 17 @include component(namespace()) {
18 margin-top: $line-height * 2rem;
19
18 @include element('category-header') { 20 @include element('category-header') {
19 color: prop(--colors --cat --fg); 21 margin-top: $line-height * 2rem;
22 color: prop(--colors --cat --fg);
20 } 23 }
21 24
22 @include element('category-content') { 25 @include element('category-content') {