Read SVGs from a directory, creates sprites of each svg with color variations specified in a separated JSON file, and generates a simple CSS file.
npm install svg2cssRead SVGs from a directory, creates sprites of each svg with color variations
specified in a separated JSON file, and generates a simple CSS file.
Install the module with npm:
npm install svg2css
- dataUris Type: Boolean. Default: false
Generate CSS file with base64 SVGs as data URIs
- spriteCellWidth Type: Number. Default: 520
The width of each sprite cell
- spriteCellHeight Type: Number. Default: 520
The height of each sprite cell
- svgPath Type: String. Default: 'svg/'
Input folder of SVGs
- outputPath Type: Sring Default: 'output/'
Output folder for SVGs
- cssPath Type: String. Default: 'output/svg'
Path for the generated stylesheet
- colorFile Type: String. Default: 'colors.js'
Path to the JSON file where read the color information for color conversion. The path is relative to svgPath.
var svg2css = new SVG2CSS({
svgPath: 'example/svg/',
outputPath: 'example/output/',
cssPath: 'example/output/css/',
colorFile: 'colors.json' // relative to svgPath
});
See example/run.js for more info.
MIT