Debug your CSS layers easily.
To install the stable version:
npm install --save-dev style-outline
If you don't use a module bundler, it's also fine.
style-outline npm package includes precompiled production and development UMD builds in the
For example, you can drop a UMD build as a
<script> tag on the page.
The UMD builds make Style Outline available as a
window.StyleOutline global variable.
The Style Outline source code is written in ES2015 but it is precompiled both CommonJS and UMD builds to ES5 so they work in any modern browser.
Note that unlike Style Outline itself, packages in the Style Outline ecosystem don't provide UMD builds, so it is recommended using CommonJS module bundlers like Webpack and Browserify for the most comfortable development experience.
The only thing you need is to invoke outline function when page is loaded.
import outline from 'style-outline'; outline();