als-highlight-css v0.5.0
als-highlight-css
A simple library to colorize and style CSS code for syntax highlighting.
Installation
npm install als-highlight-css
Usage
Import the highlightCss function and use it with your CSS parsing library. The following example demonstrates using highlightCss with the cssparser library.
const { highlightCss } = require('als-highlight-css');
const CssParser = require('als-css-parser');
const rawCss = `
/* Test comment */
.class-name {
width: 10px;
background-color: #fff;
}
`;
const hooks = {
stylesheet: highlightCss()
};
const obj = new CssParser(rawCss, hooks);
const parsedCss = obj.stylesheet();
console.log(parsedCss);
API
highlightCss(colors = {})
Generates a set of stylesheet hooks to colorize CSS code.
Parameters
colors
(object, optional): An object containing color values for different parts of the CSS code. The following properties can be provided:special
(string): Color for special characters and keywords. Default: #FC265A.regular
(string): Color for regular CSS class names and pseudo elements. Default: #9DE22A.prop
(string): Color for property names. Default: #66D9EF.digit
(string): Color for numeric values. Default: #B780E2.comment
(string): Color for comments. Default: gray.string
(string): Color for string values. Default: #EBD35F.inherit
(string): Color for inherit. Default: inherit.base
(string): Base color. Default: white.
Returns
An object containing hooks for various CSS parts:
string: An array of functions to colorize string values. selector: An array of functions to colorize selectors. value: An array of functions to colorize property values. propname: An array of functions to colorize property names.
License
MIT
Modify the text as needed to provide accurate information about your package. Once you've added the README.md file to your package, it will be displayed on your package's npm page when you publish it.
1 year ago