postcss-circle
PostCSS plugin to insert a circle with color.
Introduction
Creating a circle in CSS isn't terribly difficult; however, it could be easier and more expressive:
The diameter
is required and the color
is optional. You don't have to remember the order, because you can swap their positions.
Let's create a red
circle with a 100px
diameter:
This transpiles into:
That's it, really.
Installation
$ npm install postcss-circle
Usage
JavaScript
;
TypeScript
; postcss;
Options
None at this time.
Testing
Run the following command:
$ npm test
This will build scripts, run tests and generate a code coverage report. Anything less than 100% coverage will throw an error.
Watching
For much faster development cycles, run the following commands in 2 separate processes:
$ npm run build:watch
Compiles TypeScript source into the ./dist
folder and watches for changes.
$ npm run watch
Runs the tests in the ./dist
folder and watches for changes.