rehype-concat-css-style

rehype plugin to concatenate CSS `<style>` elements together

Stats

StarsIssuesVersionUpdatedCreatedSize
rehype-concat-css-style
5803.0.010 months ago6 years agoMinified + gzip package size for rehype-concat-css-style in KB

Readme

rehype-concat-css-style

Build Coverage Downloads Size Sponsors Backers Chat

Concatenate CSS <style> elements together.

This plugin can be dangerous if CSS is invalid. Additionally, this plugin does not handle scoped styles. Those are deprecated anyway.

Install

This package is ESM only: Node 12+ is needed to use it and it must be importeded instead of requiredd.

npm:

npm install rehype-concat-css-style

This package exports no identifiers. The default export is rehypeConcatCssStyle

Use

On the API:

 import {unified} from 'unified'
 import rehypeParse from 'rehype-parse'
+import rehypeConcatCssStyle from 'rehype-concat-css-style'
 import rehypeStringify from 'rehype-stringify'

 unified()
   .use(rehypeParse)
+  .use(rehypeConcatCssStyle)
   .use(rehypeStringify)
   .process('<span>some html</span>', function (err, file) {
     console.error(report(err || file))
     console.log(String(file))
   })

On the CLI:

rehype input.html --use concat-css-style --output output.html

Example

In
<style>b{color:red}</style>
<style>i{color:blue}</style>
Out
<style>b{color:red}i{color:blue}</style>

Contribute

See contributing.md in rehypejs/.github for ways to get started. See support.md for ways to get help.

This project has a code of conduct. By interacting with this repository, organization, or community you agree to abide by its terms.

License

MIT © Titus Wormer

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.