add support for align=left and align=right on block image

asciidoctor · Nov 25, 2023 · fc1b0db · fc1b0db
1 parent ef45b83
commit fc1b0db
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/preview-src/index.adoc b/preview-src/index.adoc
@@ -295,7 +295,7 @@ image::multirepo-ssg.svg[Multirepo SSG,3000,opts=interactive]
 Make the switch today!
 
 .Full Circle with Jake Blauvelt
-video::300817511[vimeo,600,300]
+video::300817511[vimeo,640,360,align=left]
 
 [#english+中文]
 == English + 中文

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