allow block SVG image with no width specified to stetch to width of page

asciidoctor · Feb 13, 2024 · e68fbdd · e68fbdd
1 parent 1849327
commit e68fbdd
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/preview-src/index.adoc b/preview-src/index.adoc
@@ -295,6 +295,9 @@ Ex nam suas nemore dignissim, vel apeirian democritum et.
 .Antora is a multi-repo documentation site generator
 image::multirepo-ssg.svg[Multirepo SSG,3000,opts=interactive]
 
+.Let's see that again, but a little smaller
+image::multirepo-ssg.svg[Multirepo SSG,300,role=text-left]
+
 Make the switch today!
 
 .Full Circle with Jake Blauvelt

diff --git a/src/css/doc.css b/src/css/doc.css
@@ -519,16 +519,29 @@
   align-items: center;
 }
 
+.doc .imageblock .content {
+  align-self: stretch;
+  text-align: center;
+}
+
 .doc .imageblock.text-left,
 .doc .videoblock.text-left {
   align-items: flex-start;
 }
 
+.doc .imageblock.text-left .content {
+  text-align: left;
+}
+
 .doc .imageblock.text-right,
 .doc .videoblock.text-right {
   align-items: flex-end;
 }
 
+.doc .imageblock.text-right .content {
+  text-align: right;
+}
+
 .doc .imageblock img,
 .doc .imageblock object,
 .doc .imageblock svg,