Skip to content

PostCSS plugin that replaces color values from an Adobe Swatch Exchange file

Notifications You must be signed in to change notification settings

dfernandez79/postcss-ase-colors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

postcss-ase-colors

[![Build Status][ci-img]][ci] [ci-img]: https://travis-ci.org/dfernandez79/postcss-ase-colors.svg [ci]: https://travis-ci.org/dfernandez79/postcss-ase-colors

PostCSS plugin that replaces color values from an Adobe Swatch Exchange file.

ASE files are color palettes used by mainly by Adobe products: Photoshop, Illustrator, InDesign, and Kuler. The file is read using the ase-util package.

For example if you have an ASE file that defines a color named brand, processing a CSS with .selector { color: brand; } it will replace brand with the hex color value in your ASE file.

Installation

npm install postcss-ase-colors --save-dev

Usage

var postcss = require('postcss');
var aseColors = require('postcss-ase-colors');

var css = fs.readFileSync('input.css', 'utf8');

var output = postcss()
  .use(aseColors({file: 'myColors.ase'}))
  .process(css)
  .css;

About

PostCSS plugin that replaces color values from an Adobe Swatch Exchange file

Resources

Stars

Watchers

Forks

Packages

No packages published