postcss-collapse

Collapse CSS values into their shortest form

Usage no npm install needed!

<script type="module">
  import postcssCollapse from 'https://cdn.skypack.dev/postcss-collapse';
</script>

README

postcss-collapse NPM version Build Status

Collapse CSS values into their shortest form

A postcss plugin for css-collapse-values that turns your property values into short ones:

.foo {
  padding: 1px 10px 3px 10px;
  border: 0.5em -0.1em 0.5em -0.1em;
  margin: 10px auto 5px auto;
}

/* Collapses to: */

.foo {
  padding: 1px 10px 3px;
  border: .5em -.1em;
  margin: 10px auto 5px;
}

Installation

$ npm install --save postcss-collapse

Usage

var postcss = require('postcss');
var collapse = require('postcss-collapse');

postcss([collapse])
  .process(css)
  .then(function(result) {
    /* ... */
  });

License

MIT © Sean Wilson