Skip to content

Breakpoints do not match the one in @angular/flex-layout #8928

@probert94

Description

@probert94

Bug, feature request, or proposal:

Proposal, probably

What is the expected behavior?

The @angular/material2 README-file contains a link to @angular/flex-layout, so I expect, that the two libraries collaborate somehow and therefore share the same breakpoints.

What is the current behavior?

@angular/flex-layout defines xs as max-width: 599px (see Breakpoints), while @angular/material defines it as max-width: 600px (see Variables).
Same goes for sm (959px vs 960px).

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

I would like to replace hardcoded max-width-statements in my code with scss-variables, however I am not sure, which breakpoints to use, since they differ (even if it's just 1px).

Metadata

Metadata

Labels

P4A relatively minor issue that is not relevant to core functionsneeds: discussionFurther discussion with the team is needed before proceeding

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions