How to specify a range instead of min/max width?

[swese44]

Is it possible to declare a custom media as a range? Something like this?

@custom-media --medium-screen (min-width: 1024px, max-width: 1220px);

examples 15 and 26 here:
https://www.w3.org/TR/mediaqueries-4

[swese44]

looks like this works:

@custom-media --medium-screen (min-width: 1024px) and (max-width: 1220px);