From 9466fb4fe0ca1cb3038005e38d60e406595a1408 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 13 May 2021 20:59:24 +0200
Subject: Better integration of ASCII art

---
 assets/css/components/_ascii.scss | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'assets/css/components')

diff --git a/assets/css/components/_ascii.scss b/assets/css/components/_ascii.scss
index b32cbfd..7b5d269 100644
--- a/assets/css/components/_ascii.scss
+++ b/assets/css/components/_ascii.scss
@@ -7,19 +7,27 @@
     ));
 
     @include component(namespace()) {
-        padding-left: 0;
         overflow:     hidden;
-        border-left:  0;
         color:        prop(--colors --fg);
+        font-family:  $font-fam--mono;
         font-size:    1rem;
+        line-height:  1.4;
 
         &::after {
-            content:     str-repeat('░', 120);
+            content:     str-repeat('░', 500);
             display:     block;
             margin-top:  1 / 16 * 2em;
             padding-top: 1 / 16 * 2em;
             border-top:  1px solid prop(--colors --border);
             color:       prop(--colors --fg);
         }
+
+        @include element('fixed-content') {
+            display:   inline-block;
+            position:  relative;
+            left:      50%;
+            overflow:  visible;
+            transform: translateX(-50%);
+        }
     }
 }
-- 
cgit v1.2.3-70-g09d2