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

Mix media selectors: AND and OR #165

Closed
NikFlip opened this issue Oct 18, 2017 · 2 comments
Closed

Mix media selectors: AND and OR #165

NikFlip opened this issue Oct 18, 2017 · 2 comments

Comments

@NikFlip
Copy link

NikFlip commented Oct 18, 2017

Hey guys,
I'm using now your framework for a long time and everything worked fine for me.
But now I've got a problem. I would like to get a media-query that looks like this:

@media (max-width: 500px), (max-width: 1000px) and (min-width: 769px) { ... }

I imaged something like this:

@include media(('<=500px), ('<=1000px', '>tablet')) { ... }

Is there any solution?
My workaround looks like this:

@include media('<=1000px', '>tablet') { ... }
@include media('<=500px) { same code as media query before... }

Thank's in advice
Nik

@jackmcpickle
Copy link
Collaborator

@NikFlip there has been many discussions around OR queries. See #102 for reference as a place to start.

@NikFlip
Copy link
Author

NikFlip commented Oct 19, 2017

Hi @jackmcpickle. Thank you. I'll close this issue now. :)

@NikFlip NikFlip closed this as completed Oct 19, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants