Macro CSS transform for rework

npm install rework-macro
6 downloads in the last week
12 downloads in the last month


Macros implementation for rework, allows you to define macros right in CSS source:

@macro colored-position {
  position: $1;
  border: 1px solid $2;

.block {
  colored-position: absolute red;

Will expand into:

.block {
  position: absolute;
  border: 1px solid red;

Macro body can expand other macros but recursive expansion isn't allowed.


% npm install rework-macro

Usage with xcss

% npm install -g xcss
% xcss -t rework-macro ./src.css > transformed.css

Usage with rework

var rework  = require('rework');
var macro   = require('rework-macro');

var transformed = rework(src).use(macro).toString();
npm loves you