feat(layout): add window breakpoints from spec

[CDDelta]

Fixes #9212

[jelbourn]

@josephperrott I looked at the spec and it's not clear to me what "Window" even means in that table. Is it supposed be be a "desktop browser window"?

[josephperrott]

I believe so. That mostly is coming from listing breakpoints "across desktop, mobile and tablet". And mobile (written elsewhere as handset) and tablet are referenced so the others must be desktop?

[jelbourn]

Would it make sense to make these DesktopSmall, DesktopMedium, etc.?

It would also be nice to confirm with the Material Design team.

[josephperrott]

After some discussion, @jelbourn and I determined that we think the best option would be to drop the prefix of the sizes entirely.

XSmall: '(max-width: 599px)',
Small: '(min-width: 600px) and (max-width: 959px)',
Medium: '(min-width: 960px) and (max-width: 1279px)',
Large: '(min-width: 1280px) and (max-width: 1919px)',
XLarge: '(min-width: 1920px)',

[CDDelta]

Done

[jelbourn]

LGTM

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}