2010-03-13 16:34:48 +08:00
|
|
|
if (typeof(require) !== 'undefined') { var tree = require('less/tree') }
|
2010-02-24 02:39:05 +08:00
|
|
|
|
2010-03-02 04:32:21 +08:00
|
|
|
tree.Ruleset = function Ruleset(selectors, rules) {
|
2010-02-24 02:39:05 +08:00
|
|
|
this.selectors = selectors;
|
|
|
|
this.rules = rules;
|
2010-03-10 12:56:49 +08:00
|
|
|
this._lookups = {};
|
2010-02-24 02:39:05 +08:00
|
|
|
};
|
2010-03-02 04:32:21 +08:00
|
|
|
tree.Ruleset.prototype = {
|
2010-03-08 07:50:58 +08:00
|
|
|
eval: function () { return this },
|
2010-04-23 01:07:41 +08:00
|
|
|
evalRules: function (context) {
|
2010-04-23 01:34:49 +08:00
|
|
|
var rules = [];
|
|
|
|
|
|
|
|
this.rules.forEach(function (rule) {
|
|
|
|
if (rule.evalRules) {
|
|
|
|
rules.push(rule.evalRules(context));
|
|
|
|
} else if (rule instanceof tree.mixin.Call) {
|
|
|
|
Array.prototype.push.apply(rules, rule.eval(context));
|
|
|
|
} else {
|
2010-04-25 12:09:40 +08:00
|
|
|
rules.push(rule.eval ? rule.eval(context) : rule);
|
2010-04-23 01:34:49 +08:00
|
|
|
}
|
|
|
|
});
|
2010-04-23 01:47:01 +08:00
|
|
|
this.rules = rules;
|
|
|
|
return this;
|
2010-04-23 01:07:41 +08:00
|
|
|
},
|
2010-04-25 12:09:40 +08:00
|
|
|
match: function (args) {
|
|
|
|
return !args || args.length === 0;
|
|
|
|
},
|
2010-05-07 15:40:21 +08:00
|
|
|
variable: function (name) {
|
2010-04-24 05:52:36 +08:00
|
|
|
if (this._variables) { return this._variables[name] }
|
2010-03-08 12:02:16 +08:00
|
|
|
else {
|
2010-04-24 05:52:36 +08:00
|
|
|
return (this._variables = this.rules.reduce(function (hash, r) {
|
|
|
|
if (r instanceof tree.Rule && r.variable === true) {
|
|
|
|
hash[r.name] = r;
|
|
|
|
}
|
|
|
|
return hash;
|
|
|
|
}, {}))[name];
|
2010-03-08 12:02:16 +08:00
|
|
|
}
|
2010-02-24 02:39:05 +08:00
|
|
|
},
|
2010-03-08 12:11:20 +08:00
|
|
|
rulesets: function () {
|
|
|
|
if (this._rulesets) { return this._rulesets }
|
|
|
|
else {
|
|
|
|
return this._rulesets = this.rules.filter(function (r) {
|
|
|
|
if (r instanceof tree.Ruleset || r instanceof tree.mixin.Definition) { return r }
|
|
|
|
});
|
|
|
|
}
|
|
|
|
},
|
2010-03-05 02:50:52 +08:00
|
|
|
find: function (selector, self) {
|
|
|
|
self = self || this;
|
2010-03-10 12:56:49 +08:00
|
|
|
var rules = [], rule, match,
|
|
|
|
key = selector.toCSS();
|
|
|
|
|
|
|
|
if (key in this._lookups) { return this._lookups[key] }
|
2010-03-05 02:50:52 +08:00
|
|
|
|
2010-03-08 12:11:20 +08:00
|
|
|
this.rulesets().forEach(function (rule) {
|
|
|
|
if (rule !== self) {
|
2010-03-05 02:50:52 +08:00
|
|
|
for (var j = 0; j < rule.selectors.length; j++) {
|
|
|
|
if (match = selector.match(rule.selectors[j])) {
|
|
|
|
if (selector.elements.length > 1) {
|
|
|
|
Array.prototype.push.apply(rules, rule.find(
|
|
|
|
new(tree.Selector)(selector.elements.slice(1)), self));
|
|
|
|
} else {
|
|
|
|
rules.push(rule);
|
|
|
|
}
|
|
|
|
break;
|
2010-03-04 10:21:32 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2010-03-08 12:11:20 +08:00
|
|
|
});
|
2010-03-10 12:56:49 +08:00
|
|
|
return this._lookups[key] = rules;
|
2010-03-04 10:21:32 +08:00
|
|
|
},
|
2010-03-02 08:47:32 +08:00
|
|
|
//
|
|
|
|
// Entry point for code generation
|
|
|
|
//
|
2010-03-06 00:42:52 +08:00
|
|
|
// `context` holds an array of arrays.
|
|
|
|
//
|
2010-02-28 14:06:54 +08:00
|
|
|
toCSS: function (context, env) {
|
2010-03-02 08:47:32 +08:00
|
|
|
var css = [], // The CSS output
|
|
|
|
rules = [], // node.Rule instances
|
|
|
|
rulesets = [], // node.Ruleset instances
|
|
|
|
paths = [], // Current selectors
|
2010-03-06 00:42:52 +08:00
|
|
|
selector, // The fully rendered selector
|
|
|
|
rule;
|
2010-02-24 02:39:05 +08:00
|
|
|
|
2010-02-28 14:06:54 +08:00
|
|
|
if (! this.root) {
|
|
|
|
if (context.length === 0) {
|
2010-03-01 01:50:41 +08:00
|
|
|
paths = this.selectors.map(function (s) { return [s] });
|
2010-02-28 14:06:54 +08:00
|
|
|
} else {
|
|
|
|
for (var s = 0; s < this.selectors.length; s++) {
|
|
|
|
for (var c = 0; c < context.length; c++) {
|
2010-03-01 01:50:41 +08:00
|
|
|
paths.push(context[c].concat([this.selectors[s]]));
|
2010-02-28 14:06:54 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2010-03-22 07:18:47 +08:00
|
|
|
} else {
|
|
|
|
context = [], env = { frames: [] }
|
|
|
|
for (var i = 0; i < this.rules.length; i++) {
|
|
|
|
if (this.rules[i] instanceof tree.Import) {
|
|
|
|
Array.prototype.splice
|
|
|
|
.apply(this.rules, [i, 1].concat(this.rules[i].eval(env)));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2010-03-20 08:14:35 +08:00
|
|
|
|
2010-03-06 00:42:52 +08:00
|
|
|
// push the current ruleset to the frames stack
|
2010-02-24 02:39:05 +08:00
|
|
|
env.frames.unshift(this);
|
|
|
|
|
2010-03-06 00:42:52 +08:00
|
|
|
// Evaluate mixins
|
2010-03-04 10:21:32 +08:00
|
|
|
for (var i = 0; i < this.rules.length; i++) {
|
|
|
|
if (this.rules[i] instanceof tree.mixin.Call) {
|
|
|
|
Array.prototype.splice
|
|
|
|
.apply(this.rules, [i, 1].concat(this.rules[i].eval(env)));
|
|
|
|
}
|
|
|
|
}
|
2010-03-06 00:42:52 +08:00
|
|
|
|
|
|
|
// Evaluate rules and rulesets
|
2010-02-24 02:39:05 +08:00
|
|
|
for (var i = 0; i < this.rules.length; i++) {
|
2010-03-06 00:42:52 +08:00
|
|
|
rule = this.rules[i];
|
|
|
|
|
2010-03-07 06:34:08 +08:00
|
|
|
if (rule.rules) {
|
2010-03-06 00:42:52 +08:00
|
|
|
rulesets.push(rule.toCSS(paths, env));
|
2010-03-07 06:53:55 +08:00
|
|
|
} else if (rule instanceof tree.Comment) {
|
|
|
|
if (this.root) {
|
|
|
|
rulesets.push(rule.toCSS());
|
|
|
|
} else {
|
|
|
|
rules.push(rule.toCSS());
|
|
|
|
}
|
2010-02-24 02:39:05 +08:00
|
|
|
} else {
|
2010-03-06 00:42:52 +08:00
|
|
|
if (rule.toCSS && !rule.variable) {
|
|
|
|
rules.push(rule.toCSS(env));
|
|
|
|
} else if (rule.value && !rule.variable) {
|
|
|
|
rules.push(rule.value.toString());
|
2010-02-24 02:39:05 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2010-02-28 14:06:54 +08:00
|
|
|
|
|
|
|
rulesets = rulesets.join('');
|
2010-03-02 08:47:32 +08:00
|
|
|
|
|
|
|
// If this is the root node, we don't render
|
|
|
|
// a selector, or {}.
|
|
|
|
// Otherwise, only output if this ruleset has rules.
|
2010-02-28 14:06:54 +08:00
|
|
|
if (this.root) {
|
|
|
|
css.push(rules.join('\n'));
|
|
|
|
} else {
|
|
|
|
if (rules.length > 0) {
|
2010-03-01 01:50:41 +08:00
|
|
|
selector = paths.map(function (p) {
|
2010-03-06 00:39:39 +08:00
|
|
|
return p.map(function (s) {
|
|
|
|
return s.toCSS();
|
|
|
|
}).join('').trim();
|
2010-03-01 01:50:41 +08:00
|
|
|
}).join(paths.length > 3 ? ',\n' : ', ');
|
2010-02-28 14:06:54 +08:00
|
|
|
css.push(selector, " {\n " + rules.join('\n ') + "\n}\n");
|
2010-02-24 02:39:05 +08:00
|
|
|
}
|
|
|
|
}
|
2010-02-28 14:06:54 +08:00
|
|
|
css.push(rulesets);
|
2010-02-24 02:39:05 +08:00
|
|
|
|
2010-03-02 08:47:32 +08:00
|
|
|
// Pop the stack
|
|
|
|
env.frames.shift();
|
2010-03-10 12:56:49 +08:00
|
|
|
paths.forEach(function (p) { p.pop() });
|
2010-02-28 14:06:54 +08:00
|
|
|
|
2010-02-24 02:39:05 +08:00
|
|
|
return css.join('');
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|