UNPKG

postcss-filter-mq

Version:

Filter all matching or non-matching media queries

80 lines (65 loc) 1.12 kB
### All Except Print #### Before ```css /* input.css - no filtering applied */ body { background: #f3f3f3; color: #222; } .container { padding: 1em; } @media print { body { background: white; color: black; } } @media screen and (min-width: 40em) { .container { max-width: 50em; padding: 0; } } @media screen and (min-width: 40em) and (max-width: 64em) { .container { padding: 1em; } } @media screen and (min-width: 64em) { .container { max-width: 80em; padding: 1em 1em 5em; } } ``` ### After ##### OPTIONS ```js /* options passed to plugin */ var options = { regex: /print/i, invert: true } ``` ##### RESULT ```css /* output.css - all @media *except* for print */ @media screen and (min-width: 40em) { .container { max-width: 50em; padding: 0; } } @media screen and (min-width: 40em) and (max-width: 64em) { .container { padding: 1em; } } @media screen and (min-width: 64em) { .container { max-width: 80em; padding: 1em 1em 5em; } } ```