Skip to content

The Multiple Media Query Doll

Compare
Choose a tag to compare
@quagliero quagliero released this 20 Jun 10:26
· 5 commits to master since this release

You can now pass through multiple custom media query conditions using matryo's @include media.

As well as the usual namespaced options, e.g.

@include media(sm)

You can now use as many conditions as you like for your custom media queries:

@include media('screen and (min-width: 30em) and (max-width: 40em)')

This is a breaking change

You will need to update previous single custom media queries to be within parens, so @include media('min-width: 30em') needs to be updated to @include media('(min-width: 30em)')