Opinionated CSS preprocessor for Topcoat made with Rework.
npm install topcoat-resin
var resin = require('topcoat-resin');
resin({
// Pass it a css file to process
src: 'src/entry.css',
// Tell it what browsers to prefix for
browsers: ['last 1 version', 'ios', 'android 4'],
// Add a namespace to your classes to avoid collisions
namespace: 'dam',
// Add a license to the final output
license: '// Copyright 2013 and stuff \n',
// Generate sourecemaps for debugging
debug: true
});
This function will return an evaluated string that you can write to a file, or stream etc.
Example writing to a file:
var resin = require('topcoat-resin'),
write = require('fs').writeFileSync,
output;
output = resin({
// Pass it a css file to process
src: 'src/entry.css',
// Tell it what browsers to prefix for
browsers: ['last 1 version', 'ios', 'android 4']
// Add a namespace to your classes to avoid collisions
namespace: 'dam'
});
write('path/to/output/dir/filename.css', output);
@import "node-package-name";
@import "other-node-package-name";
Resin will pull in CSS source files distributed via npm packages and add them to the AST. Uses rework-npm under the covers.
Resin supports:
- Imports
- Variables
- Colors
- Extend
- Namespacing
- Autoprefixer
- License addition
- Source maps for debugging