Fixar skalningen
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Joakim Svensson 2025-04-19 09:56:05 +00:00
parent f9014afc53
commit 3bf3d2b29f
2 changed files with 13 additions and 43 deletions

View File

@ -1,44 +1,14 @@
.ascii-scaler {
width: 100%;
overflow: hidden;
.ascii-wrapper {
display: flex;
justify-content: center;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 1rem 0;
}
.ascii-scaler pre {
display: inline-block;
white-space: pre;
margin: 0;
.ascii-wrapper pre {
font-size: clamp(0.4rem, 1.2vw + 0.2rem, 1rem);
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));
}
}
margin: 0;
white-space: pre;
}

View File

@ -3,8 +3,8 @@ title: HF
---
<div class="ascii-scaler">
<pre>
<div class="ascii-wrapper">
<pre><code>
__ __ __ __ ________
|\_\ |\_\ |\_\ |\_\ |\ ______\
| XX | XX \XX ______ | XX____ | XXXXXXXX ______ _____ ______ __ __ _____ _______ ______ __ __
@ -19,7 +19,7 @@ title: HF
\XXXXXX \XX \XXXXXX
SA6ANW 20240104
</pre>
</code></pre>
</div>
**Systemskiss**