[SASS] mixin @media rule Verknüpfung der Expressions?

[Gunther]

@@Gunnar:

nuqneH

Die einfachste wäre imho, wenn man 'calc()' in MQs verwenden könnte.

Weitaus einfacher, wenn man (schon) 'not' in MQs verwenden könnte:

@media not (min-width: 30em) {…}

@media (min-width: 30em) and not (min-width: 60em) {…}
@media (min-width: 60em) and not (min-width: 90em) {…}
@media (min-width: 90em) {…}

  
Ob das "weitaus einfacher" ist, sei mal dahingestellt ...!  
  
Aber ich finde  
~~~css
@media (min-width: 30em) and (max-width: calc(60em - 1px)) {…}  
@media (min-width: 60em) and (max-width: calc(90em - 1px)) {…}

zumindest "intuitiver" (da ich weiterhin min- und max-width in meiner Query stehen habe).

Außerdem gibt es calc() Support ja bereits in vielen Browsern.
Die Browserhersteller bräuchten es ja bloß implementieren (und ggf. müsste man die Spec anpassen/ ändern).

Gruß Gunther