Specificity Graph (for CSS)

Idea by Harry Roberts

Generate an interactive line graph showing the specificity in your stylesheet. Uses d3, css-parser, and specificity.

Online Specificity Graph generator

Installation

npm install specificity-graph

To get the example index.html up and running:

1. Clone repo
2. npm install
3. npm run example

Standalone

If you’re not using npm, you can simply download specificity-graph-standalone.js.

Usage

var specificityGraph = require('specificity-graph'),
or if using standalone:
<script src='specificity-graph-standalone.js'></script>

Methods

specificityGraph.create(css, options)

specificityGraph.update(css)

Changelog

0.0.2 Prev/Next focus functions
0.0.1 Npm package
0.0.0 Initial version