25 lines
689 B
CSS
25 lines
689 B
CSS
/* Frames and charts presented as cards */
|
|
.md-typeset img {
|
|
border-radius: 6px;
|
|
}
|
|
.md-typeset p > img:only-child {
|
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
|
|
}
|
|
|
|
/* Captions: an italic-only paragraph immediately after an image reads as a
|
|
figure caption — centered, small, muted. Falls back to plain italics in
|
|
browsers without :has(). */
|
|
.md-typeset p:has(> img:only-child) + p > em:only-child {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 0.72rem;
|
|
line-height: 1.5;
|
|
color: var(--md-default-fg-color--light);
|
|
margin-top: -0.4rem;
|
|
}
|
|
|
|
/* Slightly tighter hero image spacing on the landing page */
|
|
.md-typeset h1 + p + p > img:only-child {
|
|
margin-top: 0.2rem;
|
|
}
|