Skip to content

Mutant $tyle $heets from $pace is a tool for efficient programmatic definition & management of CSS rules scoped to specific DOM elements

License

Notifications You must be signed in to change notification settings

trifacta/mutantsss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build Status Coverage Status NPM version Dependency Status devDependency Status

$$$

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

About

Mutant $tyle $heets from $pace is a tool for efficient programmatic definition & management of CSS rules scoped to specific DOM elements

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published