From 98531872004d90e1447ca10031bd4d89edc10e02 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Thu, 18 Jun 2020 12:22:27 +0530
Subject: [PATCH] fix: Add embed-container 16:9 box styling

Can be used for embeds like videos or embedded code blocks
---
 frappe/public/scss/website.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frappe/public/scss/website.scss b/frappe/public/scss/website.scss
index e7fb0b3f00..9e69e8aa27 100644
--- a/frappe/public/scss/website.scss
+++ b/frappe/public/scss/website.scss
@@ -311,3 +311,19 @@ h5.modal-title {
 .image-loaded {
 	filter: blur(0rem);
 }
+
+.embed-container {
+	position: relative;
+	padding-bottom: 56.25%;
+	height: 0;
+	overflow: hidden;
+	max-width: 100%;
+}
+
+.embed-container iframe {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
\ No newline at end of file