Implement window breakpoints from Material guidelines

[odahcam]

Bug, feature request, or proposal:

feature request

What is the expected behavior?

That BreakpointObserver has all Material guidelines breakpoints.

What is the current behavior?

BreakpointObserver has the handset breakpoints and the web breakpoints (which isn't in the guidelines).

What is the use-case or motivation for changing an existing behavior?

Be true to the Material guidelines specs and improve usability of the lib by allowing the user to not have to write more MediaMatcher code (media queries by hand) to achieve something in the guidelines.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular Material ^5.0.0

Is there anything else we should know?

Maybe a usefull image.

So the breakpoints could be:

Breakpoints += [ WindowXSmall, WindowSmall, WindowMedium, WindowLarge, WindowXLarge ]

[josephperrott]

These breakpoints would be great to add to the breakpoints.ts file within @angular/cdk/layout.

[mackelito]

@josephperrott I see that they are in breakpoints.ts file but it would also be great to have it bettre explained in the docs :)

[odahcam]

As longs as this is closed, I think a new issue would be more appropriated. 😉

[mackelito]

Sure.. but before polluting with new issues I just wanted to check here first. 😁

[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.}