resin

resin CSS preprocessor

Resin

A CSS preprocessor.

npm install resin
 
 
var resin = require('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: 'path/to/license.txt',
        // Use the varibles plugin 
        variables: true,
        // Use the inherit plugin 
        extend: true,
        // 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('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);
 

Entry CSS file

@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: