Rename u-css to greens

README.md

@@ -1,10 +1,10 @@
-# CSS
+# Greens
 [![Build Status][ci-img]][ci-url] [![Coverage Status][cover-img]][cover-url]
 
 ## Sample usage
 
 ```javascript
-var css = require('u-css'),
+var css = require('greens')(),
 
     bodyRule = css.add('body',{
       backgroundColor: 'black',
@@ -33,7 +33,7 @@ rot50 = rotation.add('50%',{
 rotation.remove(rot50); // Remove the rule
 ```
 
-[ci-img]: https://circleci.com/gh/manvalls/u-css.svg?style=shield
-[ci-url]: https://circleci.com/gh/manvalls/u-css
-[cover-img]: https://coveralls.io/repos/manvalls/u-css/badge.svg?branch=master&service=github
-[cover-url]: https://coveralls.io/github/manvalls/u-css?branch=master
+[ci-img]: https://circleci.com/gh/manvalls/greens.svg?style=shield
+[ci-url]: https://circleci.com/gh/manvalls/greens
+[cover-img]: https://coveralls.io/repos/manvalls/greens/badge.svg?branch=master&service=github
+[cover-url]: https://coveralls.io/github/manvalls/greens?branch=master

check.js

@@ -1,4 +1,4 @@
-var css = require('./main'),
+var css = require('./main')(),
     check,style;
 
 style = css.addClass().style;

main.js

@@ -1,8 +1,13 @@
 /**/ 'use strict' /**/
-var apply = require('u-proto/apply'),
-    sheet = Symbol(),
+var sheet = Symbol(),
+    parent = Symbol(),
+    style = Symbol(),
+
     RE = /[A-Z]|(^(webkit|moz|ms|o)(?=[A-Z]))/g,
-    atRE = /^(@[^ {]+)(.*)$/;
+    atRE = /^(@[^ {]+)(.*)$/,
+    apply;
+
+// CssGroup
 
 class CssGroup{
 
@@ -94,6 +99,32 @@ class CssGroup{
 
 }
 
+// Css
+
+class Css extends CssGroup{
+
+  constructor(p){
+    var elem = p.ownerDocument.createElement('style');
+
+    super();
+    this[style] = elem;
+    this.attach(p);
+    this[sheet] = elem.sheet;
+  }
+
+  detach(){
+    this[parent].removeChild(this[style]);
+  }
+
+  attach(p){
+    this[parent] = p;
+    p.appendChild(this[style]);
+  }
+
+}
+
+// Utils
+
 function addRule(sheet,rule){
   if(sheet.insertRule) sheet.insertRule(rule,sheet.cssRules.length);
   else sheet.appendRule(rule);
@@ -116,4 +147,8 @@ function JSONtoCSS(obj){
   return ret;
 }
 
-module.exports = new CssGroup(require('./sheet.js'));
+module.exports = function(parent){
+  return new Css(parent || global.document.head);
+};
+
+apply = require('u-proto/apply');

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "u-css",
-  "version": "2.2.1",
+  "name": "greens",
+  "version": "1.0.0",
   "description": "Dynamic css helpers",
   "main": "main.js",
   "dependencies": {
@@ -14,10 +14,10 @@
   },
   "repository": {
     "type": "git",
-    "url": "git://github.com/manvalls/u-css.git"
+    "url": "git://github.com/manvalls/greens.git"
   },
   "bugs": {
-    "url": "https://github.com/manvalls/u-css/issues"
+    "url": "https://github.com/manvalls/greens/issues"
   },
   "author": "Manuel Valls Fernández <manolo@vlrz.es>",
   "license": "LGPL-3.0"

test/main.br.js

@@ -3,7 +3,7 @@ var t = require('u-test'),
     getKey = require('../get-key.js'),
     getValue = require('../get-value.js'),
     getPair = require('../get-pair.js'),
-    css = require('../main.js');
+    css = require('../main.js')();
 
 t('Basic class',function(){
   var div = document.createElement('div'),