duet-csjs

1.0.0 • Public • Published

duet-csjs

Use CSJS with duet by passing CSS Modules-enabled stylesheets from the worker thread to the main thread which are injected into the document's head.

var duet    = require('duet');
var channel = require('duet-csjs/channel');
var csjs    = require('duet-csjs');
 
var GREY = '#ccc';
var GREEN = '#3c3';
 
var styles = csjs`
    .button {
        display: inline-block;
        border-radius: 5px;
        background-color: ${GREY};
    }
 
    .sucess-button extends .button {
        background-color: ${GREEN};
    }
`;
 
duet([channel], function () {
    // styles were queued and sent once duet connected the channel
});

API

Please refer to the CSJS documentation. This plugin transparently wraps the existing API with a function that sends compiled styles from the worker thread to the main thread, where insert-css is used to insert them into the document's <head> as a <style> element.

Example

An example can be seen in the duet example app.

Readme

Keywords

none

Package Sidebar

Install

npm i duet-csjs

Weekly Downloads

1

Version

1.0.0

License

ISC

Last publish

Collaborators

  • colingourlay