resolves #189 add support for align=left and align=right on block image

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index dd76475..6fc4155 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -291,7 +291,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
index 4ca5aa8..3a18a29 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -414,6 +414,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,