Remove borders from iframes by default (#30620)

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 2563405a39bb238c68f865cdcf00d90be3df03de..2b4eb37b4cb4a017577f623f5bc87fcb6d05538d 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -575,6 +575,11 @@ output {
   display: inline-block;
 }
 
+// Remove border from iframe
+
+iframe {
+  border: 0;
+}
 
 // Summary
 //

diff --git a/scss/helpers/_embed.scss b/scss/helpers/_embed.scss
index 1df7b433898c9b5cdc0e93da837b91e195a0bf11..924fc0e6d0fdf5f50860e1c158a538e9e9824286 100644 (file)
--- a/scss/helpers/_embed.scss
+++ b/scss/helpers/_embed.scss
@@ -19,7 +19,6 @@
     left: 0;
     width: 100%;
     height: 100%;
-    border: 0;
   }
 }
 

diff --git a/site/content/docs/4.3/helpers/embed.md b/site/content/docs/4.3/helpers/embed.md
index 30914b2d6442cef22f80cdf2db3ec5550753fc34..78d3f265d08806dda79d2283bded7671c53e05ea 100644 (file)
--- a/site/content/docs/4.3/helpers/embed.md
+++ b/site/content/docs/4.3/helpers/embed.md
@@ -10,7 +10,7 @@ toc: true
 
 Rules are directly applied to `<iframe>`, `<embed>`, `<video>`, and `<object>` elements; optionally use an explicit descendant class `.embed-responsive-item` when you want to match the styling for other attributes.
 
-**Pro-Tip!** You don't need to include `frameborder="0"` in your `<iframe>`s as we override that for you.
+**Pro-Tip!** You don't need to include `frameborder="0"` in your `<iframe>`s as we override that for you in [reboot]({{< docsref "/content/reboot" >}}).
 
 ## Example