PostCSS plugin enabling custom property sets references
postcss-custom-properties for DOMless limitations.
Spec (editor's draft): https://tabatkins.github.io/specs/css-apply-rule
Browser support: https://www.chromestatus.com/feature/5753701012602880
@apply rule and custom property sets most likely won't get any more support from browser vendors as the spec is yet considered deprecated and alternative solutions are being discussed.
Refers to following links for more infos:
npm install postcss-apply --save-dev
const fs = ;const postcss = ;const apply = ;const input = fs;;
/* input */;}
/* output */
const themes =/* Set names won't be transformed, just `--` will be prepended. */'toolbar-theme':/* Declaration properties can either be camel or kebab case. */backgroundColor: 'rebeccapurple'color: 'white'border: '1px solid green';......
/* input */
/* output */
Allows for keeping resolved declarations and
@apply rules alongside.
Allows you to pass an object of custom property sets for
These definitions will be prepended, in such overriden by the one declared in CSS if they share the same name.
The keys are automatically prefixed with the CSS
-- to make it easier to share sets in your codebase.
postcss-apply is unlicensed.