(WIP) add missing breakpoint and change the other breakpoints

[DanielRuf]

Add xlarge and change some breakpoints according to https://material.io/guidelines/layout/responsive-ui.html#responsive-ui-breakpoints

[DanielRuf]

Well there is a conflict with the official guide and some inconsistent things.

http://materializecss.com/sass.html#media

Small screens are defined as having a max-width of 600px 
Medium screens are defined as having a max-width of 992px 
Large screen are defined as having a min-width of 993px 
Extra Large screen are defined as having a min-width of 1200px

It should be (mobile first)

Extra Small screens are defined as having a max-width of 600px 
Small screens are defined as having a min-width of 601px 
Medium screens are defined as having a min-width of 961px 
Large screens are defined as having a min-width of 1280px
Extra Large screens are defined as having a min-width of 1920px

[tomscholz]

Can you take this or put it in this pr/branch?

[DanielRuf]

Done.

[stap123]

Is the plan to update the breakpoints to the ones listed above or is this now not happening?

[DanielRuf]

What is the current state of this proposed change?