To get started, clone the project and install the dependencies:

# Using npm npm install # Using Yarn yarn 

After that, you can process the CSS by running:

# Using npm npm run build # Using Yarn yarn run build 

Load up ./index.html in your browser and you're off to the races!

In plugins/object-fit/index.js you'll find an example of a plugin that adds a set of simple, non-configurable utility classes for the object-fit property.

The only option it exposes are the variants you'd like to generate (responsive, hover, focus, etc.), which you pass to the plugin as a simple array:

plugins: { // ... require('./plugins/object-fit')(['responsive']), }

This is just about the simplest type of plugin you could make.

In plugins/simple-buttons/index.js you'll find an example of a plugin that adds new component classes.