$$$

A tool for efficient programmatic definition & management of CSS rules scoped to specific DOM elements.

Some explanation → slides

Installation

npm install mutantsss

Usage

Standalone

<script src="mutantsss.js"></script>
<script>

  var clockElement = document.querySelector('.clock');
  
  $$$('.now')
      .style('content', new Date().toString());
  
  $$$('.now', clockElement)
      .style('content', new Date().toString());
  
  $$$(clockElement)
      .select('.now')
      .style({
        content: new Date().toString()
      });
      
</script>

Module

var $$$ = require('mutantsss');

// use same API as with standalone usage