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 /site | |
parent | be2ad677860d3ca94b5f9c64755884ab0390ddb5 (diff) |
Switch from list to map for responsive embeds (#28678)
Diffstat (limited to 'site')
-rw-r--r-- | site/content/docs/4.3/utilities/embed.md | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/site/content/docs/4.3/utilities/embed.md b/site/content/docs/4.3/utilities/embed.md index 7fdb6b943d..e744f27c0f 100644 --- a/site/content/docs/4.3/utilities/embed.md +++ b/site/content/docs/4.3/utilities/embed.md @@ -48,13 +48,25 @@ Aspect ratios can be customized with modifier classes. By default the following </div> {{< /highlight >}} -Within `_variables.scss`, you can change the aspect ratios you want to use. Here's an example of the `$embed-responsive-aspect-ratios` list: +Within `_variables.scss`, you can change the aspect ratios you want to use. Here's an example of the `$embed-responsive-aspect-ratios` map: {{< highlight scss >}} $embed-responsive-aspect-ratios: ( - (21 9), - (16 9), - (4 3), - (1 1) -) !default; + "21by9": ( + x: 21, + y: 9 + ), + "16by9": ( + x: 16, + y: 9 + ), + "4by3": ( + x: 4, + y: 3 + ), + "1by1": ( + x: 1, + y: 1 + ) +); {{< /highlight >}} |