/parcel-plugin-zengine-css-migrator

For use in Zengine Migration Wrapper

Primary LanguageJavaScriptMIT LicenseMIT

parcel-plugin-zengine-css-migrator

Parcel plugin that interpolates v1 plugin CSS into v2 CSS file

Also see: parcel-plugin-zengine-js-migrator parcel-plugin-zengine-html-migrator

Installation

npm i -d parcel-plugin-zengine-css-migrator

Attention: parcel-bundler has to be installed

Usage

  1. Add this comment: /* PLUGIN_CSS */ to your src/plugin.css (probably at the bottom of that file).
  2. Ensure all of your plugin's CSS lives in v1-output/plugin.css
  3. Run parcel normally

Example

src/plugin.css

.my-default-rule {
  color: pink;
}

/* PLUGIN_CSS */

run it
parcel index.html

output

.my-default-rule {
  color: pink;
}

.title {
  color: purple;
}

.i-dont-know-what-you-named-your-css-classes {
  display: flex;
}

.but-here-they-are {
  display: grid; /* ooh, risky */
}