Better integration of ASCII art

1 files changed, 11 insertions, 3 deletions

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%);
+        }
     }
 }