Der-Alex / css-steal

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

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