add vertical-align middle to video iframe; remove margin on video title; add video...

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index 90836e3..10e5e66 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -278,6 +278,9 @@ image::multirepo-ssg.svg[Multirepo SSG,3000,opts=interactive]
 
 Make the switch today!
 
+.Full Circle with Jake Blauvelt
+video::300817511[vimeo,600,300]
+
 [#english+中文]
 == English + 中文
 

diff --git a/src/css/doc.css b/src/css/doc.css
index c3ba33e..4b29cef 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -189,12 +189,12 @@
 .doc .olist,
 .doc .ulist,
 .doc .exampleblock,
-.doc .videoblock,
 .doc .imageblock,
 .doc .listingblock,
 .doc .literalblock,
 .doc .sidebarblock,
 .doc .verseblock,
+.doc .videoblock,
 .doc .quoteblock,
 .doc .partintro,
 .doc details,
@@ -393,8 +393,8 @@
   content: attr(title);
 }
 
-.doc .videoblock,
-.doc .imageblock {
+.doc .imageblock,
+.doc .videoblock {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -416,6 +416,11 @@
   margin-top: -0.2em;
 }
 
+.doc .videoblock iframe {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
 #preamble .abstract blockquote {
   background: var(--abstract-background);
   border-left: 5px solid var(--abstract-border-color);
@@ -573,11 +578,11 @@
 
 .doc .admonitionblock .title,
 .doc .exampleblock .title,
-.doc .videoblock .title,
 .doc .imageblock .title,
 .doc .literalblock .title,
 .doc .listingblock .title,
 .doc .openblock .title,
+.doc .videoblock .title,
 .doc .tableblock caption {
   color: var(--caption-font-color);
   font-size: calc(16 / var(--rem-base) * 1rem);
@@ -589,7 +594,6 @@
   text-align: left;
 }
 
-.doc .videoblock .title,
 .doc .imageblock .title {
   margin-top: 0.5rem;
   padding-bottom: 0;