Socket
Socket
Sign inDemoInstall

postcss-normalize-charset

Package Overview
Dependencies
4
Maintainers
7
Versions
36
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    postcss-normalize-charset

Add necessary or remove extra charset with PostCSS


Version published
Maintainers
7
Install size
4.45 kB
Created

Package description

What is postcss-normalize-charset?

The postcss-normalize-charset npm package is a PostCSS plugin that ensures that a single @charset rule is present at the top of your CSS files. It can remove unnecessary @charset rules and can add one if not present when a non-ASCII character is found in the file. This helps in maintaining the proper character encoding in your CSS, which is important for the correct rendering of text in web pages.

What are postcss-normalize-charset's main functionalities?

Adding @charset rule

This feature automatically adds an @charset rule to the CSS if the file contains non-ASCII characters and no @charset rule is present.

const postcss = require('postcss');
const normalizeCharset = require('postcss-normalize-charset');

postcss([normalizeCharset()])
  .process('a { content: "\2014" }', { from: undefined })
  .then(result => {
    console.log(result.css);
    // Output: '@charset "utf-8";\na { content: "\2014" }'
  });

Removing unnecessary @charset rules

This feature removes duplicate or unnecessary @charset rules, ensuring that only one is present at the top of the CSS file.

const postcss = require('postcss');
const normalizeCharset = require('postcss-normalize-charset');

postcss([normalizeCharset()])
  .process('@charset "utf-8";\n@charset "utf-8";\na { color: black; }', { from: undefined })
  .then(result => {
    console.log(result.css);
    // Output: '@charset "utf-8";\na { color: black; }'
  });

Other packages similar to postcss-normalize-charset

Readme

Source

postcss-normalize-charset

Add necessary or remove extra charset with PostCSS

a{
  content: "©";
}
@charset "utf-8";
a{
  content: "©";
}

API

normalizeCharset([options])

options
add

Type: boolean
Default: true

Pass false to stop the module from adding a @charset declaration if it was missing from the file (and the file contained non-ascii characters).

Usage

See the PostCSS documentation for examples for your environment.

Contributors

See CONTRIBUTORS.md.

License

MIT © Bogdan Chadkin

Keywords

FAQs

Last updated on 24 Apr 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc