PostCSS Util Class Placeholder

A simple PostCSS plugin that change utility class selector to Placeholder syntax (SASS-like).

.hover\:text-light-grey:hover {
  color: #666;
}

%hover\:text-light-grey:hover {
  color: #666;
}

Usage

const path = require('path')
module.exports = {
  plugins: [
    //specify the files which you want to process only
    require('postcss-util-class-placeholder')({files: [
      path.resolve(__dirname, './src/your-util.css')
    ]})
  ]
}