summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--assets/css/_utils.scss4
-rw-r--r--assets/css/components/_footer.scss15
-rw-r--r--assets/css/components/_post-list.scss12
-rw-r--r--templates/layouts/ascii_fox.html1
-rw-r--r--templates/layouts/ascii_fox_small.html1
-rw-r--r--templates/layouts/categorized_list.html12
6 files changed, 20 insertions, 25 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}
diff --git a/templates/layouts/ascii_fox.html b/templates/layouts/ascii_fox.html
index 9ae3b29..f5e5316 100644
--- a/templates/layouts/ascii_fox.html
+++ b/templates/layouts/ascii_fox.html
@@ -1,3 +1,4 @@
1
1 ' ' ' ' ' ' 2 ' ' ' ' ' '
2 ' ' ' ' ' ' ' ' ' ' ' ' ' 3 ' ' ' ' ' ' ' ' ' ' ' ' '
3 ' . | | | ' ' ' ' ' | | ' ' | ' 4 ' . | | | ' ' ' ' ' | | ' ' | '
diff --git a/templates/layouts/ascii_fox_small.html b/templates/layouts/ascii_fox_small.html
index bb02a96..ea05aa2 100644
--- a/templates/layouts/ascii_fox_small.html
+++ b/templates/layouts/ascii_fox_small.html
@@ -1,3 +1,4 @@
1
1 ' ' ' ' 2 ' ' ' '
2 | | ' ' ' | | ' ' 3 | | ' ' ' | | ' '
3 | ' | ' ' ' | ' | ' ' 4 | ' | ' ' ' | ' | ' '
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 1a074e4..1101e27 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -14,17 +14,17 @@ $body$
14 <div class="c-post-list__category-content"> 14 <div class="c-post-list__category-content">
15 $for(it.pages)$ 15 $for(it.pages)$
16 <a href="$it.url.rel$" class="c-post-list__post c-card"> 16 <a href="$it.url.rel$" class="c-post-list__post c-card">
17 <div class="c-card__content c-post-list__post-title"> 17 <div class="c-card__content">
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-post-list__post-date c-card__content"> 21 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-flex-shrink-0">
22 <span class="u-dn@sm-hi"> 22 <small class="u-dn@sm-hi">
23 $it.date.short$ 23 $it.date.short$
24 </span> 24 </small>
25 <span class="u-dn@sm-lo"> 25 <small class="u-dn@sm-lo">
26 $it.date.long$ 26 $it.date.long$
27 </span> 27 </small>
28 </time> 28 </time>
29 $endif$ 29 $endif$
30 </a> 30 </a>