node package manager
Easy sharing. Manage teams and permissions with one click. Create a free org »

postcss-global-scss-vars

postcss-global-scss-vars

Inject global variables into your scss using postcss. This is a postcss plugin for the postcss-scss syntax which prepends variables into any scss file. e.g.

/* Any scss content */

becomes

$anyVariable: #000;
$otherVariable: #FFF;
$heyAVariable: #333;
/* Any scss content */

Usage

Simple usage can be inferred from the tests:

var postcss = require('postcss');
var syntax = require('postcss-scss');
var globalVars = require('postcss-global-scss-vars');
 
var injectVars = globalVars({
  variables: {
    anyVariable: '#000',
    otherVariable: '#FFF',
    heyAVariable: '#333'
  }
});
 
var processor = postcss([injectVars]);
var output = processor.process('/* Any scss content */', { syntax: syntax });
console.log(output.css);
LICENSE: MIT
AUTHOR: Charlie Robbins