postcss-external-vars
PostCSS plugin for injecting external variables to your CSS.
/* Input example */
/* Output example */
Install
$ npm install postcss-external-vars
Usage
const externalVars = ; const data = color: primary: '#bada55' background: '#1337af' ; const css = '.foo {color: $color.primary}'; // Use stand-alone:const result = externalVarscss;//=> '.foo {color: #bada55}' // Or as PostCSS plugin:const postcss = ; const result = css;//=> '.foo {color: #bada55}'
Check PostCSS docs out for examples in your preferred environment.
API
externalVars([opts])
opts
data
Type: object
Required
An object
of properties to be used within your CSS.
prefix
Type: string
Default: $
A prefix for variable names. May contain several characters.
externalVars.tester([opts])
Returns a function
that will accept string
to check if it contains any variables and return boolean
. Useful to filter your css declarations before processing.
Options are the same.
externalVars.matcher([opts])
Returns a function
that will accept string
and return an array
of all the matched variable names within it.
Options are the same.
License
MIT © Dmitriy Sobolev