45 lines
744 B
CSS
45 lines
744 B
CSS
.ascii-scaler {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
.ascii-scaler pre {
|
|
display: inline-block;
|
|
white-space: pre;
|
|
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));
|
|
}
|
|
}
|
|
}
|