浏览代码

Dyad 2: Update video embed styles to make sure they truly act responsively when set to full alignment.

Laurel Fulford 6 年之前
父节点
当前提交
b604039624
共有 1 个文件被更改,包括 7 次插入0 次删除
  1. 7 0
      dyad-2/css/blocks.css

+ 7 - 0
dyad-2/css/blocks.css

@@ -43,6 +43,7 @@ body:not(.has-post-thumbnail) .alignfull {
 }
 
 /* Make non image-based blocks a bit narrower, so they don't get cut off. */
+
 body:not(.has-post-thumbnail) .wp-block-columns.alignfull,
 body:not(.has-post-thumbnail) .wp-block-audio.alignfull,
 body:not(.has-post-thumbnail) .wp-block-table.alignfull,
@@ -53,6 +54,12 @@ body:not(.has-post-thumbnail) .wp-block-latest-posts.alignfull {
 	margin-right: calc(50% - 48vw);
 }
 
+/* Make sure video embeds actually fill the full available space. */
+
+.wp-block-embed.is-type-video.alignfull iframe {
+	height: 100% !important;
+	width: 100% !important;
+}
 
 /*--------------------------------------------------------------
 2.0 General Block Styles