v5: Drop .media

[mdo]

The media component is basically a series of utilities that have been assigned to a more unique name. This can all be done via our other utility classes.

• Delete the _media.scss file
• Delete the docs file
• Deprecate the component in v4.3.2 /cc @MartijnCuppens (see v5: Drop .media #28265 (comment))
• Create a v4 to v5 migration doc, then add this to it with examples.

[MartijnCuppens]

Deprecate the component in v4.3.2 /cc @MartijnCuppens

We can't use the deprecate() mixin here since we can only use it in mixins of functions, not in for selectors. I guess we'll just need to document this in the migration doc.

[MartijnCuppens]

About the deprecation notice: we could just add a message to the v4 docs this will be removed.

[mdo]

Should be ready for review now, @twbs/css-review.

[ysds]

There's still here:

https://github.com/twbs/bootstrap/blame/d102363c9f2d72eaa831e8b5789409bee8dd919d/site/content/docs/4.3/layout/overview.md#L4

https://github.com/twbs/bootstrap/blame/d102363c9f2d72eaa831e8b5789409bee8dd919d/site/content/docs/4.3/utilities/stretched-link.md#L25-L36

[mdo]

@ysds Done!

[XhmikosR]

@MartijnCuppens: LGTY?

[suhailvs]

is there any example of how to create a media object using utility class?

[martinbean]

@suhailvs A “media” component with a left media and right body:

<div class="d-flex">
  <div class="flex-shrink-0">
    <img src="https://placekitten.com/100" alt="Placekitten">
  </div>
  <div class="flex-grow-1 pl-3">
    <p>An image of a cat.</p>
  </div>
</div>

[obask]

Could you please add this example into docs, so people won't have to wonder why you dropped media-object and media-list?