Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

apply-css

MaxGfeller806ISC1.0.6

Apply css only to a specific part of the document

apply, css, scoped, scoped-css

readme

apply-css

JavaScript Style Guide

Scoped CSS was a planned web platform feature in multiple browsers but was later retracted due to high code complexity.

With apply-css this is possible in the browser using browserify.

There is a demo project using bootstrap + a theme here. Or see it directly live here.

Usage

apply(element, css)

  • element is the element to apply the css to
  • css is the stylesheet as a string to apply

Example

See the example folder.

Using browserify

With the browserify transfrom brfs it is possible to static-inline the css from a file:

var fs = require('fs')
var cssString = fs.readFileSync('style.css', { encoding: 'utf8' })

Tests

To run the tests simply run npm test.