filter-css
Filter CSS rules
Install
npm install --save filter-css
Usage
const filterCss = ;const filtered = ;
Input
- Required
- Type:
String
Can be a path to the CSS file or a raw CSS string.
Pattern
- Required
- Type
String
,RegExp
,Function
or anArray
containing it.
Patterns used to discard specific parts of the CSS.
The function is invoked with three arguments (context
, value
, node
).
context
: Current matching context. Could be one of['type', 'media', 'selector', 'declarationProperty', 'declarationValue']
.value
: Current value.node
: The currently processed AST node generated bycss
.
Return true if the element should be discarded.
Options
Per default filter-css
will be applied to all parts of the CSS. This behavior can be customized by disabling specific matchers.
Name | Type | Description |
---|---|---|
matchSelectors | boolean |
Enable / disable matching of CSS selectors. |
matchTypes | boolean |
Enable / disable matching of AST Node types like font-face |
matchDeclarationProperties | boolean |
Enable / disable matching of CSS properties like background-image |
matchDeclarationValues | boolean |
Enable / disable matching of CSS values like url(...) |
matchMedia | boolean |
Enable / disable matching of media queries like min-device-pixel-ratio: 2 |
Examples
{
const filterCss = ; ;
Remove all media queries
const filterCss = ; ;
Using a function matcher
const filterCss = ; ;
Complete Example
;
CLI
filter-css works well with standard input.
cat test/fixture/test.css | filtercss --ignore @font-face
You can also pass in the file as an option.
filtercss test/fixture/test.css --ignore @font-face
CLI options
See filtercss --help
for a full list of options.
License
MIT © Ben Zörb