CSS steal

Given DOM element returns styles applied to it and all its children.

Installation

npm install css-steal

Usage

var CSSSteal = require('css-steal');
var css = CSSSteal(document.querySelector('.my-class'));
css.toCSSText(); // produces formatted CSS styles
css.toJS(): // returns an array of objects containing the styles

CSSSteal accepts multiple DOM elements. For example:

var a = document.querySelector('.a-class');
var b = document.querySelector('.b-class');
var c = document.querySelector('.c-class');
 
var css = CSSSteal(a, b, c);

It merges the CSS used by the elements.

Chrome extension

Download here.

Development

npm run dev

Resources

• CSSSteal - Chrome extension that extracts CSS
• StackOverflow: Find all CSS rules that apply to an element