From: Andy Cochran <acochran@council.nyc.gov>
Date: Mon, 5 Dec 2016 04:18:40 +0000 (-0500)
Subject: use map-remove to skip default embed ratio
X-Git-Tag: v6.3.0-rc2~8^2~2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=232fe48c29a334a1750a752139e9d547bdf13ef5;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

use map-remove to skip default embed ratio
---

diff --git a/scss/components/_responsive-embed.scss b/scss/components/_responsive-embed.scss
index 785476a66..e356e2e20 100644
--- a/scss/components/_responsive-embed.scss
+++ b/scss/components/_responsive-embed.scss
@@ -28,7 +28,10 @@ $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: map-get($responsive-embed-ratios,default)) {
+@mixin responsive-embed($ratio: null) {
+  @if $ratio == null {
+    $ratio: map-get($responsive-embed-ratios, default);
+  }
   position: relative;
   height: 0;
   margin-bottom: $responsive-embed-margin-bottom;
@@ -51,11 +54,11 @@ $responsive-embed-ratios: (
   .responsive-embed, .flex-video {
     @include responsive-embed( map-get($responsive-embed-ratios,default) );
 
+    $responsive-embed-ratios: map-remove($responsive-embed-ratios,default);
+
     @each $name, $ratio in $responsive-embed-ratios {
-      @if $name != default {
-        &.#{$name} {
-          padding-bottom: responsive-embed($ratio);
-        }
+      &.#{$name} {
+        padding-bottom: responsive-embed($ratio);
       }
     }
   }