38 lines
1013 B
CSS
38 lines
1013 B
CSS
/* Custom Figure Callout */
|
|
.callout[data-callout="figure"] {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
margin: 15px auto;
|
|
width: fit-content;
|
|
}
|
|
|
|
/* Hide the default callout title bar */
|
|
.callout[data-callout="figure"] .callout-title {
|
|
display: none;
|
|
}
|
|
|
|
/* Center the image and caption */
|
|
.callout[data-callout="figure"] .callout-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Automatically style the text below the image as a caption */
|
|
.callout[data-callout="figure"] .callout-content p:last-child {
|
|
margin-top: 8px;
|
|
font-size: 0.85em;
|
|
text-align: center;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* 6. Hide the automatic file name / alt-text generated by the theme */
|
|
.callout[data-callout="figure"] .internal-embed::after,
|
|
.callout[data-callout="figure"] .image-embed::after,
|
|
.callout[data-callout="figure"] .markdown-embed-title {
|
|
display: none !important;
|
|
content: none !important;
|
|
} |