postcss-stylus-parser

PostCSS parser plugin to compile Stylus to CSS

Usage no npm install needed!

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

README

NPM Dependencies DevDependencies Tests

postcss-stylus-parser

PostCSS parser plugin to compile Stylus to CSS.

Uses original Stylus parser to parse *.styl files.

Install

npm install --save-dev postcss-stylus-parser

Usage

import postcss from 'postcss';
import stylusParser from 'postcss-stylus-parser';

const stylusContent = `
my-color = red

.imported
    color my-color
`;

postcss( plugins )
    .process(
        stylusContent,
        {
            from: 'test.styl',
            parser: stylusParser(),
        }
    )
    .then(
        ( result ) =>
        {
            console.log( result.css );
            /*
            .imported {
              color: #f00;
            }
            */
        }
    );

With Stylus options:

postcss( plugins )
    .process(
        stylusContent,
        {
            from: 'test.styl',
            parser: stylusParser(
                {
                    'resolve url': true,
                    'functions': {
                        url: stylus.resolver( {nocheck: true} ),
                    },
                },
            ),
        }
    )
    .then(
        ( result ) =>
        {
            console.log( result.css );
        }
    );

Change Log

View changelog.

License

MIT.