diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_basics.scss | 5 | ||||
-rw-r--r-- | assets/css/_vars.scss | 4 | ||||
-rw-r--r-- | assets/css/components/_footer.scss | 2 | ||||
-rw-r--r-- | assets/css/components/_post-list.scss | 5 |
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 | ||
42 | main { | ||
43 | display: flex; | ||
44 | flex-direction: column; | ||
45 | } | ||
46 | |||
42 | pre, | 47 | pre, |
43 | code { | 48 | code { |
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') { |