postcss-filter-mq
Version:
Filter all matching or non-matching media queries
80 lines (65 loc) • 1.12 kB
Markdown
### All Except Print
#### Before
```css
/* input.css - no filtering applied */
body {
background: #f3f3f3;
color: #222;
}
.container {
padding: 1em;
}
body {
background: white;
color: black;
}
}
.container {
max-width: 50em;
padding: 0;
}
}
.container {
padding: 1em;
}
}
.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 */
.container {
max-width: 50em;
padding: 0;
}
}
.container {
padding: 1em;
}
}
.container {
max-width: 80em;
padding: 1em 1em 5em;
}
}
```