diff options
| author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-05-05 10:41:27 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2019-05-05 10:41:27 +0300 |
| commit | a776cc473d17f53d8136537c2f2aa31d29ce0d12 (patch) | |
| tree | daadfb7741d3e27da30768cb109e56e427c1963d /scss/utilities | |
| parent | be2ad677860d3ca94b5f9c64755884ab0390ddb5 (diff) | |
Switch from list to map for responsive embeds (#28678)
Diffstat (limited to 'scss/utilities')
| -rw-r--r-- | scss/utilities/_embed.scss | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/scss/utilities/_embed.scss b/scss/utilities/_embed.scss index 4497ac0400..89d22aa6c4 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)); } } } |