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

FR: Apply classes based on breakpoint size #68

Open
photostu opened this issue Feb 24, 2017 · 3 comments
Open

FR: Apply classes based on breakpoint size #68

photostu opened this issue Feb 24, 2017 · 3 comments

Comments

@photostu
Copy link

similar to the way you can do [class.hidden]="amIHidden" with core ng2

Something like this would be stellar :-)
[class.iamsmall]="{max:768}"

(or whatever syntax is appropriate.

@ShakurOo
Copy link

You should considering CSS option :

@mixin smallViewport {
  @media (max-width: #{$smallViewport - 1px}) {
    @content;
  }
}

.wrapper {
  display: block;

  @include smallViewport {
    display: none;
  }
}

@no-more
Copy link
Collaborator

no-more commented Dec 2, 2018

Hello,

I would like to do the same but based on a responsive-window parent container size not the whole page.
It would be great to have such a feature for class or even for attributes.

Thanks

@chaityashah
Copy link

Is there any potential update on the package related to this enhancement request ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants