forked from radmen/css.js
/
css.js
126 lines (102 loc) · 2.92 KB
/
css.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
// Generated by CoffeeScript 1.3.3
/*
css.js - Dynamic stylesheets
https://github.com/radmen/css.js
Copyright (c) 2012 Radoslaw Mejer <radmen@gmail.com>
*/
(function() {
var Selector, Sheet, extend, is_object,
__hasProp = {}.hasOwnProperty;
extend = function(extendedVar, object) {
var key, value;
for (key in object) {
if (!__hasProp.call(object, key)) continue;
value = object[key];
extendedVar[key] = value;
}
};
is_object = function(object) {
return '[object Object]' === Object.prototype.toString.call(object);
};
Selector = (function() {
function Selector(name, sheet) {
this.name = name;
this.sheet = sheet;
this.props = {};
this.node = document.createTextNode('');
}
Selector.prototype.getName = function() {
return this.name;
};
Selector.prototype.properties = function(properties) {
extend(this.props, properties);
this.refresh();
return this;
};
Selector.prototype.refresh = function() {
var name, parts, value, _ref;
parts = [];
_ref = this.props;
for (name in _ref) {
if (!__hasProp.call(_ref, name)) continue;
value = _ref[name];
parts.push("" + name + ":" + value);
}
this.node.nodeValue = "" + this.name + " { " + (parts.join(';')) + "; }";
};
Selector.prototype.getNode = function() {
return this.node;
};
Selector.prototype.selector = function(name, properties) {
return this.sheet.selector(name, properties);
};
Selector.prototype.remove = function() {
return this.sheet.remove(this);
};
return Selector;
})();
Sheet = (function() {
function Sheet() {
this.node = document.createElement('style');
this.node.type = 'text/css';
this.selectors = {};
document.head.appendChild(this.node);
}
Sheet.prototype.selector = function(name, properties) {
var selector;
if (!this.selectors[name]) {
selector = this.selectors[name] = new Selector(name, this);
this.node.appendChild(selector.getNode());
} else {
selector = this.selectors[name];
}
if (properties) {
selector.properties(properties);
return this;
}
return selector;
};
Sheet.prototype.remove = function(selector) {
if (!selector) {
this.node.parentNode.removeChild(this.node);
delete this.properties;
return null;
}
if (typeof selector === 'string' && this.selectors[selector]) {
this.node.removeChild(this.selectors[selector].getNode());
delete this.selectors[selector];
}
if (is_object(selector)) {
this.node.removeChild(selector.getNode());
delete this.selectors[selector.getName()];
}
return this;
};
return Sheet;
})();
this.cssjs = {
newSheet: function() {
return new Sheet();
}
};
}).call(this);