A polyfill for scoped HTML styles elements
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test
.gitignore
LICENSE
README.md
package.json
scoper.js
scoper.min.js

README.md

Scoper

A polyfill for scoped HTML style elements.

Quick Start

Just include scoper.js on your page to start using scoped HTML style elements.

Install via npm: npm install css-scoper

How It Works

Each <style scoped> element's parent is wrapped with a span that is given a unique ID. Its rules are moved to head and all selectors prepended with their respective ID.

Scoper is only active when the page contains scoped styles and the browser doesn't support them.

Tests

Tests can be run with the command mocha test/test.js.