Code and image styles

This commit is contained in:
lilith 2025-02-14 01:12:07 +01:00
commit 59eaeb40ec
Signed by: lilith
SSH key fingerprint: SHA256:7kmBUkMCVUCN9z9MyGuBan8hifDCBaiG1RonGxdCB3A
6 changed files with 155 additions and 22 deletions

View file

@ -332,13 +332,29 @@ h6,
line-height: var();
}
code,
.code {
pre {
font-family: "Departure Mono", ui-monospace, monospace;
display: inline-block;
font-size: 0.8em;
display: block;
padding: 1rem;
border-radius: 1rem;
background-color: var(--color-shade-1);
code {
background-color: initial;
border-radius: initial;
padding: initial;
font-size: inherit;
}
}
code,
.code {
font-family: "Departure Mono", ui-monospace, monospace;
font-size: 0.8em;
background-color: var(--color-shade-1);
border-radius: 0.2em;
padding: 0 0.2em;
}
table {
@ -371,4 +387,33 @@ a {
text-decoration: none;
}
}
}
figure {
display: flex;
flex-direction: column;
align-items: center;
img {
width: 100%;
max-height: 30vh;
object-fit: contain;
object-position: center;
&.glitch {
filter: url("glitch.svg#glitch");
}
}
}
img {
width: 80%;
max-height: 30vh;
object-fit: contain;
object-position: center;
margin: 0 auto;
&.glitch {
filter: url("glitch.svg#glitch");
}
}