summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_basics.scss13
-rw-r--r--assets/css/components/_post-list.scss3
-rw-r--r--assets/css/scopes/_body.scss2
3 files changed, 12 insertions, 6 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 71beceb..6da5e88 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -24,12 +24,19 @@ html {
24 font-family: $font-fam--text; 24 font-family: $font-fam--text;
25 font-size: 1em / 16px * $font-size; 25 font-size: 1em / 16px * $font-size;
26 line-height: $line-height; 26 line-height: $line-height;
27 scroll-behavior: smooth; 27 height: 100%;
28} 28}
29 29
30body { 30body {
31 margin: 0; 31 display: flex;
32 padding: 0; 32 flex-direction: column;
33 min-height: 100%;
34 margin: 0;
35 padding: 0;
36}
37
38main {
39 font-size: 1 / 16 * 19em;
33} 40}
34 41
35pre, 42pre,
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 5126589..9b124a6 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -15,6 +15,7 @@
15 15
16 @include component(namespace()) { 16 @include component(namespace()) {
17 margin-top: $line-height * 2rem; 17 margin-top: $line-height * 2rem;
18 font-size: 1rem;
18 19
19 @include element('category-header') { 20 @include element('category-header') {
20 margin-top: $line-height * 2rem; 21 margin-top: $line-height * 2rem;
@@ -39,7 +40,7 @@
39 box-shadow: none; 40 box-shadow: none;
40 41
41 @include next-twin-element { 42 @include next-twin-element {
42 margin-top: 1px; 43 margin-top: 2px;
43 } 44 }
44 } 45 }
45 46
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index 46b829b..c11c11f 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -32,8 +32,6 @@
32 ), 'light'); 32 ), 'light');
33 33
34 @include scope(namespace()) { 34 @include scope(namespace()) {
35 font-size: 1 / 16 * 19em;
36
37 @include element('meta') { 35 @include element('meta') {
38 display: inline-block; 36 display: inline-block;
39 padding: prop(--dims --meta --pad-y) prop(--dims --meta --pad-x); 37 padding: prop(--dims --meta --pad-y) prop(--dims --meta --pad-x);