style caption on block image like other captions

- add image block with caption to preview site
- style caption on block image like other captions

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index 58dca52..094eeda 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -206,6 +206,11 @@ Eu mea inani iriure.
 
 Cum dicat putant ne.
 Est in reque homero principes, meis deleniti mediocrem ad has.
+Ex nam suas nemore dignissim, vel apeirian democritum et.
+
+.Antora is a multi-repo documentation site generator
+image::multirepo-ssg.svg[Multirepo SSG,250]
+
 Altera atomorum his ex, has cu elitr melius propriae.
 Eos suscipit scaevola at.
 

diff --git a/src/css/doc.css b/src/css/doc.css
index b181063..bbd43ca 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -292,12 +292,6 @@
   display: block;
 }
 
-.doc .imageblock .title {
-  color: var(--caption-font-color);
-  font-style: italic;
-  margin-top: 0.5rem;
-}
-
 .doc .imageblock img,
 .doc .image > img {
   height: auto;
@@ -427,6 +421,7 @@
 
 .doc .admonitionblock .title,
 .doc .exampleblock .title,
+.doc .imageblock .title,
 .doc .literalblock .title,
 .doc .listingblock .title,
 .doc .openblock .title,
@@ -440,6 +435,11 @@
   text-align: left;
 }
 
+.doc .imageblock .title {
+  margin-top: 0.5rem;
+  padding-bottom: 0;
+}
+
 .doc .admonitionblock .title + .paragraph {
   margin-top: 0;
 }