/css-codemod-demo

Example of a custom CSS codemod built with PostCSS

Primary LanguageTypeScript

css-codemod-demo

An example CSS codemod built with PostCSS and a few other packages.

Read the full blog post and tutorial for creating CSS codemods with PostCSS.

Setup

  1. Clone the repository and change into the directory
  2. Install dependencies: yarn install
  3. Run the transform: yarn transform
  4. The CSS files in src (a.css and b.css) should have their color properties set to red (the transform)

Extending

This demo can be extended to solve a wide variety of CSS codemod needs. The PostCSS plugin can be updated to make any desired transform to the underlying CSS nodes.