feat(website): aspect-ratio docs page

[richbachman]

• Added Aspect Ratio doc page content
• Fix changelog margin on anchor and button doc pages
• Remove storybook link in API section of anchor and button doc pages
• Add iframe, embed, object, and video child styles to Aspect Ratio

Gatsby-Image doesn't play well with our LivePreview component, so I opted to not use the LivePreview for the image/component example.

Contributing to Twilio

All third-party contributors acknowledge that any contributions they provide will be made under the same open-source license that the open-source project is provided under.

• I acknowledge that all my contributions will be made under the project's license.

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

Latest deployment for this branch: https://paste-git-aspect-ratio-doc-page.twilio-dsys.now.sh

[SiTaggart]

Yeah, lets just insert an example directly after these 2 paras. This example could be a component example.

[SiTaggart]

You can then drop this, dangling example

[richbachman]

I moved the color swatch example under the paragraph that discusses it.

[richbachman]

I added this here for now as global style. It makes iframe embeds actually work with Aspect Ratio. We should probably just move this to the default styles for Aspect Ratio. Thoughts? @TheSisb @SiTaggart

[TheSisb]

I don't like this as a global style, it doesn't scale to non-AspectRatio iframes.

I think you just have to make a new component and put the styles there.

[SiTaggart]

hmmm I feel like the expectation from reading the docs is that it should "just work", so maybe it belongs to the Aspect Ratio. Do you need to do the same thing for an image? What's the least amount of work for a consumer to do for all cases?

[TheSisb]

It's probably safe to do something like > :first-child here.

[richbachman]

@SiTaggart you're right. It should "just work". I'm going to move that style over to the Aspect Ratio where it should be. I think if that component was kicked off properly, we would have caught that. Image is much simpler:

<AspectRatio ratio="4:3">
    <img src="" />
</AspectRatio>

[richbachman]

Added embed, iframe, object, video styles to Aspect Ration in the latest commit.

[SiTaggart]

LGTM 👍

Feedback has been complete, but Shadi is sick