don't use a magic number in responsive embed ratio mixin

diff --git a/scss/components/_responsive-embed.scss b/scss/components/_responsive-embed.scss
index f235968388eda1e2fe0395c0b9f995c29f169c46..785476a6657a6e9396f1374e415851477dcb9afb 100644 (file)
--- a/scss/components/_responsive-embed.scss
+++ b/scss/components/_responsive-embed.scss
@@ -28,7 +28,7 @@ $responsive-embed-ratios: (
 
 /// Creates a responsive embed container.
 /// @param {List} $ratio [$responsive-embed-ratio] - Ratio to use for the container, formatted as `x by y`.
-@mixin responsive-embed($ratio: 4 by 3) {
+@mixin responsive-embed($ratio: map-get($responsive-embed-ratios,default)) {
   position: relative;
   height: 0;
   margin-bottom: $responsive-embed-margin-bottom;