2 files changed, 26 insertions, 0 deletions

diff --git a/assets/css/components/_ascii.scss b/assets/css/components/_ascii.scss
new file mode 100644
index 0000000..b32cbfd
--- /dev/null
+++ b/assets/css/components/_ascii.scss
@@ -0,0 +1,25 @@
+@include namespace('ascii') {
+    @include store((
+        --colors: (
+            --fg:     prop(--colors --fg-hi, $global: true),
+            --border: prop(--colors --fg-hi, $global: true),
+        )
+    ));
+
+    @include component(namespace()) {
+        padding-left: 0;
+        overflow:     hidden;
+        border-left:  0;
+        color:        prop(--colors --fg);
+        font-size:    1rem;
+
+        &::after {
+            content:     str-repeat('░', 120);
+            display:     block;
+            margin-top:  1 / 16 * 2em;
+            padding-top: 1 / 16 * 2em;
+            border-top:  1px solid prop(--colors --border);
+            color:       prop(--colors --fg);
+        }
+    }
+}
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index bc41849..dc56724 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -44,6 +44,7 @@
 
         @include element('post-title') {
             color:       prop(--colors --post --idle-fg);
+            //font-size:   1 / 16 * 17em;
             font-weight: normal;
         }