proper nested selector rendering, wooh.
This commit is contained in:
parent
cd764a2d8c
commit
8ac1bdf06c
@ -9,15 +9,29 @@ node.Ruleset.prototype = {
|
||||
if (r instanceof node.Rule && r.variable === true) { return r }
|
||||
});
|
||||
},
|
||||
toCSS: function (path, env) {
|
||||
var css = [], rules = [], rulesets = [];
|
||||
toCSS: function (context, env) {
|
||||
var css = [],
|
||||
rules = [],
|
||||
rulesets = [],
|
||||
paths = [],
|
||||
selector;
|
||||
|
||||
if (! this.root) path.push(this.selectors.map(function (s) { return s.toCSS(env) }));
|
||||
if (! this.root) {
|
||||
if (context.length === 0) {
|
||||
paths = this.selectors.map(function (s) { return [s.toCSS(env)] });
|
||||
} else {
|
||||
for (var s = 0; s < this.selectors.length; s++) {
|
||||
for (var c = 0; c < context.length; c++) {
|
||||
paths.push(context[c].concat([this.selectors[s].toCSS()]));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
env.frames.unshift(this);
|
||||
|
||||
for (var i = 0; i < this.rules.length; i++) {
|
||||
if (this.rules[i] instanceof node.Ruleset) {
|
||||
rulesets.push(this.rules[i].toCSS(path, env));
|
||||
rulesets.push(this.rules[i].toCSS(paths, env));
|
||||
} else {
|
||||
if (this.rules[i].toCSS) {
|
||||
rules.push(this.rules[i].toCSS(env));
|
||||
@ -27,18 +41,22 @@ node.Ruleset.prototype = {
|
||||
}
|
||||
}
|
||||
|
||||
if (rules.length > 0) {
|
||||
if (path.length > 0) {
|
||||
css.push(path.join('').trim(),
|
||||
" {\n " + rules.join('\n ') + "\n}\n",
|
||||
rulesets.join(''));
|
||||
} else {
|
||||
css.push(rules.join('\n'), rulesets.join(''));
|
||||
rulesets = rulesets.join('');
|
||||
|
||||
if (this.root) {
|
||||
css.push(rules.join('\n'));
|
||||
} else {
|
||||
if (rules.length > 0) {
|
||||
selector = paths.map(function (p) { return p.join('').trim() })
|
||||
.join(paths.length > 3 ? ',\n' : ', ').trim();
|
||||
css.push(selector, " {\n " + rules.join('\n ') + "\n}\n");
|
||||
}
|
||||
}
|
||||
path.pop();
|
||||
css.push(rulesets);
|
||||
env.frames.shift();
|
||||
|
||||
for (var p = 0; p < paths.length; p++) { paths[p].pop() }
|
||||
|
||||
return css.join('');
|
||||
}
|
||||
};
|
||||
|
Loading…
Reference in New Issue
Block a user