summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_utils.scss4
-rw-r--r--assets/css/components/_footer.scss15
-rw-r--r--assets/css/components/_post-list.scss12
3 files changed, 12 insertions, 19 deletions
diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss
index e153845..31440c3 100644
--- a/assets/css/_utils.scss
+++ b/assets/css/_utils.scss
@@ -73,3 +73,7 @@
73@include utility('db') { 73@include utility('db') {
74 display: block; 74 display: block;
75} 75}
76
77@include utility('flex-shrink-0') {
78 flex-shrink: 0;
79}
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 9cc0d17..3705b79 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -2,18 +2,19 @@
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --fg: prop(--colors --obj, $global: true), 4 --fg: prop(--colors --obj, $global: true),
5 --bg: prop(--colors --bg, $global: true),
5 --ground: prop(--colors --obj, $global: true), 6 --ground: prop(--colors --obj, $global: true),
6 ) 7 )
7 )); 8 ));
8 9
9 @include component(namespace()) { 10 @include component(namespace()) {
10 position: relative; 11 position: relative;
11 min-height: prop(--dims --outer, $global: true); 12 min-height: prop(--dims --outer, $global: true);
12 margin-top: prop(--dims --outer, $global: true); 13 overflow: hidden;
13 overflow: hidden; 14 background-color: prop(--colors --bg);
14 color: prop(--colors --fg); 15 color: prop(--colors --fg);
15 font-family: $font-fam--mono; 16 font-family: $font-fam--mono;
16 line-height: 1.4; 17 line-height: 1.4;
17 18
18 &::after { 19 &::after {
19 content: str-repeat('░', 400); 20 content: str-repeat('░', 400);
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index dc3eda6..03b5e7a 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -36,17 +36,5 @@
36 margin-top: .6rem; 36 margin-top: .6rem;
37 } 37 }
38 } 38 }
39
40 @include element('post-title') {
41 //font-size: 1 / 16 * 17em;
42 font-weight: normal;
43 }
44
45 @include element('post-date') {
46 flex: 0 0 auto;
47 transition: color .2s;
48 color: prop(--colors --meta --fg);
49 font-size: 1 / 16 * 14em;
50 }
51 } 39 }
52} 40}