From ef6c3888524d82fbafb1b1bac7e19b6822f3d34f Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 16 Aug 2022 17:51:41 -0500
Subject: [PATCH] add embedded content styles to docs and handbook (#7261)

---
 .../styles/pages/docs/basic-documentation.less      | 13 +++++++++++++
 .../styles/pages/handbook/basic-handbook.less       | 13 +++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index f94cfb26da..319b0bcc1d 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -630,6 +630,19 @@
       [purpose='checklist-item']::marker {
         display: none;
       }
+      [purpose='embedded-content'] {
+        position: relative;
+        margin-bottom: 40px;
+        width: 100%;
+        padding-bottom: 57%;
+        iframe {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+        }
+      }
 
     }
 
diff --git a/website/assets/styles/pages/handbook/basic-handbook.less b/website/assets/styles/pages/handbook/basic-handbook.less
index 893f3041aa..4f7676ed86 100644
--- a/website/assets/styles/pages/handbook/basic-handbook.less
+++ b/website/assets/styles/pages/handbook/basic-handbook.less
@@ -333,6 +333,19 @@
         content: url('/images/icon-link-16x16@2x.png');
       }
     }
+    [purpose='embedded-content'] {
+      position: relative;
+      margin-bottom: 40px;
+      width: 100%;
+      padding-bottom: 57%;
+      iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+      }
+    }
   }
 
   [purpose='handbook-landing-page'] {