PostCSS plugin to define and use custom properties. Not to be confused with the CSS Custom Properties specification which are really variables.
Please see the Compatibility wiki page for use with other plugins.
/* Input */
/* Output */
There must be a minimum of one space after the semicolon for property definitions; otherwise, it will just appear as a psuedo-selector.
Properties – including native ones – can be redefined. The placement of property definitions matter as they are not hoisted.
Properties can also be overloaded as the parameter quantity forms part of the property's signature.
The syntax is customisable by providing an object. The following are the available syntax options:
||sets the parameter prefix within the signature|
||sets the prefix for property invocation|
||sets the name/parameter separator within the signature. Cannot be set to
||sets the parameter prefix within the body|
As an example, the following syntax options:
Will be able to parse:
The above is useful if one is concerned about not being able to discern custom properties from native ones.
See PostCSS docs for examples for your environment.