From a776cc473d17f53d8136537c2f2aa31d29ce0d12 Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Sun, 5 May 2019 09:41:27 +0200 Subject: Switch from list to map for responsive embeds (#28678) --- scss/utilities/_embed.scss | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) (limited to 'scss/utilities') diff --git a/scss/utilities/_embed.scss b/scss/utilities/_embed.scss index 4497ac040..89d22aa6c 100644 --- a/scss/utilities/_embed.scss +++ b/scss/utilities/_embed.scss @@ -27,13 +27,10 @@ } } -@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios { - $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1); - $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2); - - .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} { +@each $key, $ratio in $embed-responsive-aspect-ratios { + .embed-responsive-#{$key} { &::before { - padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x); + padding-top: percentage(map-get($ratio, y) / map-get($ratio, x)); } } } -- cgit v1.2.3