This commit is contained in:
@@ -1,44 +1,14 @@
|
|||||||
.ascii-scaler {
|
.ascii-wrapper {
|
||||||
width: 100%;
|
display: flex;
|
||||||
overflow: hidden;
|
justify-content: center;
|
||||||
|
overflow-x: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
padding: 1rem 0;
|
padding: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ascii-scaler pre {
|
.ascii-wrapper pre {
|
||||||
display: inline-block;
|
font-size: clamp(0.4rem, 1.2vw + 0.2rem, 1rem);
|
||||||
white-space: pre;
|
|
||||||
margin: 0;
|
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
transform-origin: left top;
|
margin: 0;
|
||||||
}
|
white-space: pre;
|
||||||
|
|
||||||
/* 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));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -3,8 +3,8 @@ title: HF
|
|||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
<div class="ascii-scaler">
|
<div class="ascii-wrapper">
|
||||||
<pre>
|
<pre><code>
|
||||||
__ __ __ __ ________
|
__ __ __ __ ________
|
||||||
|\_\ |\_\ |\_\ |\_\ |\ ______\
|
|\_\ |\_\ |\_\ |\_\ |\ ______\
|
||||||
| XX | XX \XX ______ | XX____ | XXXXXXXX ______ _____ ______ __ __ _____ _______ ______ __ __
|
| XX | XX \XX ______ | XX____ | XXXXXXXX ______ _____ ______ __ __ _____ _______ ______ __ __
|
||||||
@@ -19,7 +19,7 @@ title: HF
|
|||||||
\XXXXXX \XX \XXXXXX
|
\XXXXXX \XX \XXXXXX
|
||||||
|
|
||||||
SA6ANW 20240104
|
SA6ANW 20240104
|
||||||
</pre>
|
</code></pre>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
**Systemskiss**
|
**Systemskiss**
|
||||||
|
|||||||
Reference in New Issue
Block a user