multiple static media expressions, OR rule about include-media HOT 7 CLOSED

We’ll likely use or or || rather than |. | is a bitwise operator.

from include-media.

My vote is on or, boss!

from include-media.

I am doing shit with GitHub this morning. My apologies. I'll let @eduardoboucas have a look. :)

from include-media.

A lot of people seem to be interested in this (#104 and #132), but it's not something we currently support.

I appreciate something like this would be useful and I'm open to the discussion, but I can't think of a syntax that would be both meaningful and simple to use.

Any ideas?

from include-media.

For me the most readable (but unfortunately most breaking-changey) would be:

@include media('xs' 'retina2x', 'some-other-expr' 'height>small') {
    ...
}

So you'd have , for OR and for AND. This would be sort of in line with css properties. Commas separate lists of same expressions. Spaces separate items of a list that belong together.

div {
    border: 2px solid red, 1px dashed purple;
}

from include-media.

I'm sorry for jump into the discussion, but... Why not | for OR? Split the list of breaking points by | and them by ,.

from include-media.

Closing this. See #144 and include-media-or.

from include-media.