component-whitespace

css-whitespace plugin for Component

Usage no npm install needed!

<script type="module">
  import componentWhitespace from 'https://cdn.skypack.dev/component-whitespace';
</script>

Compile styles using css-whitespace.

npm install component-whitespace

component build --use component-whitespace

Add your files to the styles section of your component.json

{
  "name": "foo",
  "path": ["local"],
  "styles": ["index.styl"]
}

Now this:

.foo
  .bar
    color: red

Will be converted to this:

.foo .bar {
  color: red;
}