From 9bc7b75c8276a83324e5ef299985d713ce208a29 Mon Sep 17 00:00:00 2001 From: Ze Bateira Date: Fri, 16 Apr 2021 14:56:50 +0100 Subject: [PATCH] fix: do not target other iframes besides video embeds --- src/.vuepress/theme/layouts/BlogPost.vue | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/.vuepress/theme/layouts/BlogPost.vue b/src/.vuepress/theme/layouts/BlogPost.vue index d2fc876e..d2b5a6c9 100644 --- a/src/.vuepress/theme/layouts/BlogPost.vue +++ b/src/.vuepress/theme/layouts/BlogPost.vue @@ -79,13 +79,18 @@ export default { .blog > iframe { @apply mx-auto; +} + +.blog > iframe[src*='youtube'], +.blog > iframe[src*='vimeo'] { @apply max-w-full; height: auto; aspect-ratio: 16 / 9; } @supports not (aspect-ratio: 1 / 1) { - .blog > iframe { + .blog > iframe[src*='youtube'], + .blog > iframe[src*='vimeo'] { @apply h-52; @apply sm:h-80; }