Browse Source

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

Laurel Fulford 6 years ago
parent
commit
b604039624
1 changed files with 7 additions and 0 deletions
  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. */
 /* 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-columns.alignfull,
 body:not(.has-post-thumbnail) .wp-block-audio.alignfull,
 body:not(.has-post-thumbnail) .wp-block-audio.alignfull,
 body:not(.has-post-thumbnail) .wp-block-table.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);
 	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
 2.0 General Block Styles