From f9014afc5314c544c1eba5fab103c2676c207d3b Mon Sep 17 00:00:00 2001
From: sa6anw <joakim@joasve.se>
Date: Sat, 19 Apr 2025 09:53:33 +0000
Subject: [PATCH] Fixar skalningen

---
 docs/extra.css | 50 ++++++++++++++++++++++++++++++++++++++++----------
 docs/hf.md     |  6 +++---
 2 files changed, 43 insertions(+), 13 deletions(-)

diff --git a/docs/extra.css b/docs/extra.css
index 3af6f10..03408b8 100644
--- a/docs/extra.css
+++ b/docs/extra.css
@@ -1,14 +1,44 @@
-.ascii-wrapper {
-    display: flex;
-    justify-content: center;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
+.ascii-scaler {
+    width: 100%;
+    overflow: hidden;
     padding: 1rem 0;
 }
 
-.ascii-wrapper pre {
-    font-size: clamp(0.4rem, 1.2vw + 0.2rem, 1rem);
-    line-height: 1.2;
-    margin: 0;
+.ascii-scaler pre {
+    display: inline-block;
     white-space: pre;
-}
\ No newline at end of file
+    margin: 0;
+    line-height: 1.2;
+    transform-origin: left top;
+}
+
+/* Skala ner innehållet så det alltid får plats */
+@media screen {
+  .ascii-scaler {
+    font-size: 1rem;
+    display: grid;
+    place-items: start;
+  }
+
+  .ascii-scaler::after {
+    content: "";
+    display: block;
+    padding-bottom: 1rem;
+  }
+
+  .ascii-scaler pre {
+    font-size: 1rem;
+    scale: 1;
+  }
+
+  @supports (container-type: inline-size) {
+    .ascii-scaler {
+      container-type: inline-size;
+    }
+
+    .ascii-scaler pre {
+      font-size: 1rem;
+      scale: calc(100cqi / max(100cqi, 70ch));
+    }
+  }
+}
diff --git a/docs/hf.md b/docs/hf.md
index 167428d..d52d2e6 100644
--- a/docs/hf.md
+++ b/docs/hf.md
@@ -3,8 +3,8 @@ title: HF
 ---
 
 
-<div class="ascii-wrapper">
-<pre><code>
+<div class="ascii-scaler">
+<pre>
  __    __   __              __           ________                                                                                    
 |\_\  |\_\ |\_\            |\_\         |\ ______\                                                                                   
 | XX  | XX  \XX   ______   | XX____     | XXXXXXXX ______     _____     ______    __    __    _____    _______     ______   __    __ 
@@ -19,7 +19,7 @@ title: HF
                   \XXXXXX                                                    \XX                                             \XXXXXX 
                                                                                                                                      
                                                                                                                       SA6ANW 20240104
-</code></pre>
+</pre>
 </div>
 
 **Systemskiss**