@salesforce-ux/postcss-annotations-parser

PostCSS Annotations Parser

NOTICE: This plugin is provided as-is without support, implied or otherwise.

PostCSS plugin to parse annotation comments such as @css-var-fallback

.foo {
    /* Input example */

    /*! @css-var-fallback border-radius */
    --sds-c-avatar-radius-border: var(--sds-g-radius-border, 12%);
}

.foo {
  /* Output example */

  border-radius: var(--sds-g-radius-border, 12%);
  --sds-c-avatar-radius-border: var(--sds-g-radius-border, 12%);
}

Usage

Check you project for existed PostCSS config: postcss.config.js in the project root, "postcss" section in package.json or postcss in bundle config.

If you already use PostCSS, add the plugin to plugins list:

module.exports = {
  plugins: [
+   require('postcss-annotations-parser'),
    require('autoprefixer')
  ]
}

If you do not use PostCSS, add it according to official docs and set this plugin in settings.

Options

• preserve: if set to false the plugin will not preserve the existing declaration and overwrite instead