bevacqua/apartment

:house_with_garden: Remove undesirable properties from a piece of css

apartment

remove undesirable properties from a piece of css

motivation

tools like penthouse don't really care about specific properties, but if you have critical content with css rules such as animation or transition, you might end up with a lot more css than what you actually need to inline in your pages.

you can also use apartment to remove rules matching a selector string.

install

npm install apartment --save

examples

using the api:

apartment('.foo{font-size:12px;font-weight:bold}', { properties: ['font-size'] })
// <- '.foo{font-weight:bold}'
apartment('.foo{font-size:12px;}', { properties: ['font-size'] })
// <- ''
apartment('.foo{font-size:12px;font-weight:bold}', { selectors: ['.foo'] })
// <- ''

using the cli:

$ echo '.foo{font-size:12px;font-weight:bold}' | apartment -p font-size
> .foo{font-weight:bold}
$ echo '.foo{font-size:12px;}' | apartment -p font-size
>
$ echo '.foo{font-size:12px;}' | apartment -s .bar
> .foo{font-size:12px}

testing

npm test

license

mit

apartment's Issues

Throws on multiple matched selectors

Unfortunately apartment throws on certain css, breaking latest version of Penthouse :/

Minimal test case:

apartment(`
::-moz-selection {
  color: #fff;
}
::selection {
  color: #fff;
}`, {
  selectors: [
    '::(-moz-)?selection'
  ]
}

The thrown error

/Users/jso/penthouse/node_modules/apartment/src/apartment.js:32
    if (inspected.type === 'rule') {
                 ^

TypeError: Cannot read property 'type' of undefined

Cheers