Merge remote-tracking branch 'sommeri/import-refence-directives-2008'

Conflicts:
	test/css/import-reference.css
	test/less/import-reference.less
	test/less/import/import-reference.less

Author: lukeapage

lib/less/tree/directive.js

@@ -1,7 +1,7 @@
 var Node = require("./node"),
     Ruleset = require("./ruleset");
 
-var Directive = function (name, value, rules, index, currentFileInfo, debugInfo) {
+var Directive = function (name, value, rules, index, currentFileInfo, debugInfo, isReferenced) {
     this.name  = name;
     this.value = value;
     if (rules) {
@@ -11,6 +11,7 @@ var Directive = function (name, value, rules, index, currentFileInfo, debugInfo)
     this.index = index;
     this.currentFileInfo = currentFileInfo;
     this.debugInfo = debugInfo;
+    this.isReferenced = isReferenced;
 };
 
 Directive.prototype = new Node();
@@ -56,7 +57,7 @@ Directive.prototype.eval = function (context) {
         rules.root = true;
     }
     return new Directive(this.name, value, rules,
-        this.index, this.currentFileInfo, this.debugInfo);
+        this.index, this.currentFileInfo, this.debugInfo, this.isReferenced);
 };
 Directive.prototype.variable = function (name) { if (this.rules) return Ruleset.prototype.variable.call(this.rules, name); };
 Directive.prototype.find = function () { if (this.rules) return Ruleset.prototype.find.apply(this.rules, arguments); };

test/css/import-reference.css

@@ -80,3 +80,14 @@ div#id.class[a=1][b=2].class:not(1) {
 .test:first-child {
   color: blue;
 }
+@keyframes some-name {
+  property: value;
+}
+@supports (animation-name: test) {
+  @keyframes some-name {
+    property: value;
+  }
+  .selector {
+    color: red;
+  }
+}

test/less/import-reference.less

@@ -19,4 +19,5 @@
 
 .class:extend(.class all) {
 }
-.mixin-with-nested-selectors();
+.mixin-with-nested-selectors();
+.mixin-with-directives(some-name);

test/less/import/import-reference.less

@@ -71,4 +71,19 @@
       color: blue;
     }
   }
+}
+.mixin-with-directives(@keyframeName) {
+  @keyframes @keyframeName {
+    @rules1();
+  }
+  @supports (animation-name: test) {
+    @keyframes @keyframeName {
+      @rules2();
+    }
+    .selector {
+      color: red;
+    }
+  }
+  @rules1: {property: value;};
+  @rules2: {property: value;};
 }