Fixar skalningen
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
f9014afc53
commit
3bf3d2b29f
|
@ -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;
|
||||
}
|
|
@ -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**
|
||||
|
|
Loading…
Reference in New Issue