Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Document _mq.scss mixins for css based layout breakpoints #1292

Open
epelc opened this issue Sep 9, 2020 · 0 comments
Open

Document _mq.scss mixins for css based layout breakpoints #1292

epelc opened this issue Sep 9, 2020 · 0 comments
Labels
docs help wanted The team would appreciate a PR from the community to address this issue
Milestone

Comments

@epelc
Copy link
Contributor

epelc commented Sep 9, 2020

Proposal

What is the summary of the proposal?

Right now you have to search the source or npm installed files to find out that there are sass mixins for the builtin layout breakpoints which you can use in scss/sass for your own styles. These are very convenient especially if you come from the old angularJS material project which included something similar as variables.

What is the proposal?

Document existance of _mq.scss file and that it's generated from src/lib/core/sass/_layout-bp.scss.

ie add it to the wiki with the example from comments

You can import in a project via

@import '@angular/flex-layout/_mq';

@include layout-bp(sm) {
    color: red;
}

Is there anything else we should know?

Perhaps this issue will be enough documentation/pointing it out for others.

@CaerusKaru CaerusKaru added docs help wanted The team would appreciate a PR from the community to address this issue labels Nov 12, 2020
@CaerusKaru CaerusKaru added this to Pending in Docs & Demos via automation Nov 12, 2020
@CaerusKaru CaerusKaru added this to the Backlog milestone Nov 12, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs help wanted The team would appreciate a PR from the community to address this issue
Projects
Docs & Demos
  
Pending
Development

No branches or pull requests

2 participants