less 2.3.3 → 2.4.0

data/lib/less/js/test/less/comments.less

@@ -36,7 +36,7 @@
 ------------------- */
 #comments /* boo */ {
   /**/ // An empty comment
-  color: red; /* A C-style comment */
+  color: red; /* A C-style comment */  /* A C-style comment */
   background-color: orange; // A little comment
   font-size: 12px;
 
@@ -58,7 +58,7 @@
 .selector /* .with */, .lots, /* of */ .comments {
   color: grey, /* blue */ orange;
   -webkit-border-radius: 2px /* webkit only */;
-  -moz-border-radius: 2px * 4 /* moz only with operation */;
+  -moz-border-radius: (2px * 4) /* moz only with operation */;
 }
 
 .mixin_def_with_colors(@a: white, // in

data/lib/less/js/test/less/compression/compression.less

@@ -0,0 +1,16 @@
+#colours {
+  color1: #fea;
+  color2: #ffeeaa;
+  color3: rgba(255, 238, 170, 0.1);
+  @color1: #fea;
+  string: "@{color1}";
+}
+dimensions {
+  val: 0.1px;
+  val: 0em;
+  val: 4cm;
+  val: 0.2;
+  val: 5;
+  angles-must-have-unit: 0deg;
+  width: auto\9;
+}

data/lib/less/js/test/less/css-3.less

@@ -2,6 +2,7 @@
   text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
   -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset,
     0pt 4px 6px rgba(255, 255, 255, 0.4) inset;
+  -webkit-transform: rotate(-0.0000000001deg);
 }
 @font-face {
   font-family: Headline;
@@ -110,4 +111,7 @@ foo|h1 { color: blue; }
 foo|* { color: yellow; }
 |h1 { color: red; }
 *|h1 { color: green; }
-h1 { color: green; }
+h1 { color: green; }
+.upper-test {
+  UpperCaseProperties: allowed;
+}

data/lib/less/js/test/less/css.less

@@ -27,11 +27,15 @@ div#id {
 }
 
 @media print {
-  font-size: 3em;
+  * {
+    font-size: 3em;
+  }
 }
 
 @media screen {
-  font-size: 10px;
+  * {
+    font-size: 10px;
+  }
 }
 
 @font-face {
@@ -65,8 +69,9 @@ p + h1 {
 #more-shorthands {
   margin: 0;
   padding: 1px 0 2px 0;
-  font: normal small/20px 'Trebuchet MS', Verdana, sans-serif; 
+  font: normal small/20px 'Trebuchet MS', Verdana, sans-serif;
   font: 0/0 a;
+  border-radius: 5px / 10px;
 }
 
 .misc {
@@ -80,6 +85,7 @@ p + h1 {
 	multiple-semi-colons: yes;;;;;;
   };
   filter: alpha(opacity=100);
+  width: auto\9;
 }
 
 #important {

data/lib/less/js/test/less/errors/add-mixed-units.less

@@ -0,0 +1,3 @@
+.a {
+  error: (1px + 3em);
+}

data/lib/less/js/test/less/errors/add-mixed-units.txt

@@ -0,0 +1,2 @@
+SyntaxError: Incompatible units. Change the units or use the unit function. Bad units: 'px' and 'em'. in {path}add-mixed-units.less on line null, column 0:
+1   error: (1px + 3em);

data/lib/less/js/test/less/errors/add-mixed-units2.less

@@ -0,0 +1,3 @@
+.a {
+  error: ((1px * 2px) + (3em * 3px));
+}

data/lib/less/js/test/less/errors/add-mixed-units2.txt

@@ -0,0 +1,2 @@
+SyntaxError: Incompatible units. Change the units or use the unit function. Bad units: 'px*px' and 'em*px'. in {path}add-mixed-units2.less on line null, column 0:
+1   error: ((1px * 2px) + (3em * 3px));

data/lib/less/js/test/less/errors/bad-variable-declaration1.txt

@@ -1,2 +1,2 @@
-ParseError: Syntax Error on line 1 in {path}bad-variable-declaration1.less:1:0
+ParseError: Unrecognised input in {path}bad-variable-declaration1.less on line 1, column 1:
 1 @@demo: "hi";

data/lib/less/js/test/less/errors/color-operation-error.less

@@ -0,0 +1,3 @@
+.a {
+  prop: (3 / #fff);
+}

data/lib/less/js/test/less/errors/color-operation-error.txt

@@ -0,0 +1,2 @@
+OperationError: Can't substract or divide a color from a number in {path}color-operation-error.less on line null, column 0:
+1   prop: (3 / #fff);

data/lib/less/js/test/less/errors/comment-in-selector.txt

@@ -1,2 +1,2 @@
-ParseError: Syntax Error on line 1 in {path}comment-in-selector.less:1:20
+ParseError: Unrecognised input in {path}comment-in-selector.less on line 1, column 21:
 1 #gaga /* Comment */ span { color: red }

data/lib/less/js/test/less/errors/divide-mixed-units.less

@@ -0,0 +1,3 @@
+.a {
+  error: (1px / 3em);
+}

data/lib/less/js/test/less/errors/divide-mixed-units.txt

@@ -0,0 +1,4 @@
+SyntaxError: Multiple units in dimension. Correct the units or use the unit function. Bad unit: px/em in {path}divide-mixed-units.less on line 2, column 3:
+1 .a {
+2   error: (1px / 3em);
+3 }

data/lib/less/js/test/less/errors/extend-no-selector.less

@@ -0,0 +1,3 @@
+:extend(.a all) {
+  property: red;
+}

data/lib/less/js/test/less/errors/extend-no-selector.txt

@@ -0,0 +1,3 @@
+SyntaxError: Extend must be used to extend a selector, it cannot be used on its own in {path}extend-no-selector.less on line 1, column 17:
+1 :extend(.a all) {
+2   property: red;

data/lib/less/js/test/less/errors/extend-not-at-end.less

@@ -0,0 +1,3 @@
+.a:extend(.b all).c {
+  property: red;
+}

data/lib/less/js/test/less/errors/extend-not-at-end.txt

@@ -0,0 +1,3 @@
+SyntaxError: Extend can only be used at the end of selector in {path}extend-not-at-end.less on line 1, column 21:
+1 .a:extend(.b all).c {
+2   property: red;

data/lib/less/js/test/less/errors/import-missing.less

@@ -1 +1,6 @@
+.a {
+    color: green;
+	// tests line number for import reference is correct
+}
+
 @import "file-does-not-exist.less";

data/lib/less/js/test/less/errors/import-missing.txt

@@ -1,3 +1,3 @@
-FileError: 'file-does-not-exist.less' wasn't found.
- in {path}import-missing.less:1:0
-1 @import "file-does-not-exist.less";
+FileError: '{pathhref}file-does-not-exist.less' wasn't found{404status} in {path}import-missing.less on line 6, column 1:
+5 
+6 @import "file-does-not-exist.less";

data/lib/less/js/test/less/errors/import-no-semi.txt

@@ -1,2 +1,2 @@
-ParseError: Syntax Error on line 1 in {path}import-no-semi.less:1:0
+ParseError: Unrecognised input in {path}import-no-semi.less on line 1, column 1:
 1 @import "this-statement-is-invalid.less"

data/lib/less/js/test/less/errors/import-subfolder1.txt

@@ -1,3 +1,3 @@
-NameError: .mixin-not-defined is undefined in {pathrel}mixin-not-defined.less:11:0
+NameError: .mixin-not-defined is undefined in {path}mixin-not-defined.less on line 11, column 1:
 10 
 11 .mixin-not-defined();

data/lib/less/js/test/less/errors/import-subfolder2.txt

@@ -1,2 +1,2 @@
-ParseError: missing opening `{` in {pathrel}parse-error-curly-bracket.less:1:1
+ParseError: missing opening `{` in {path}parse-error-curly-bracket.less on line 1, column 2:
 1 }}

data/lib/less/js/test/less/errors/javascript-error.txt

@@ -1,4 +1,4 @@
-SyntaxError: JavaScript evaluation error: 'TypeError: Cannot call method 'toJS' of undefined' in {path}javascript-error.less:2:26
+SyntaxError: JavaScript evaluation error: 'TypeError: Cannot call method 'toJS' of undefined' in {path}javascript-error.less on line 2, column 27:
 1 .scope {
 2     var: `this.foo.toJS()`;
 3 }

data/lib/less/js/test/less/errors/mixed-mixin-definition-args-1.txt

@@ -1,4 +1,4 @@
-SyntaxError: Cannot mix ; and , as delimiter types in {path}mixed-mixin-definition-args-1.less:5:29
+SyntaxError: Cannot mix ; and , as delimiter types in {path}mixed-mixin-definition-args-1.less on line 5, column 30:
 4 .mixin-test {
 5     .mixin(@a: 5; @b: 6, @c: 7);
 6 }

data/lib/less/js/test/less/errors/mixed-mixin-definition-args-2.txt

@@ -1,4 +1,4 @@
-SyntaxError: Cannot mix ; and , as delimiter types in {path}mixed-mixin-definition-args-2.less:5:25
+SyntaxError: Cannot mix ; and , as delimiter types in {path}mixed-mixin-definition-args-2.less on line 5, column 26:
 4 .mixin-test {
 5     .mixin(@a: 5, @b: 6; @c: 7);
 6 }

data/lib/less/js/test/less/errors/mixin-not-defined.txt

@@ -1,3 +1,3 @@
-NameError: .mixin-not-defined is undefined in {path}mixin-not-defined.less:11:0
+NameError: .mixin-not-defined is undefined in {path}mixin-not-defined.less on line 11, column 1:
 10 
 11 .mixin-not-defined();

data/lib/less/js/test/less/errors/mixin-not-matched.txt

@@ -1,3 +1,3 @@
-RuntimeError: No matching definition was found for `.mixin(trumpete)` in {path}mixin-not-matched.less:6:0
+RuntimeError: No matching definition was found for `.mixin(trumpete)` in {path}mixin-not-matched.less on line 6, column 1:
 5 
 6 .mixin(@saxofon);

data/lib/less/js/test/less/errors/mixin-not-matched2.txt

@@ -1,3 +1,3 @@
-RuntimeError: No matching definition was found for `.mixin(@a:trumpete)` in {path}mixin-not-matched2.less:6:0
+RuntimeError: No matching definition was found for `.mixin(@a:trumpete)` in {path}mixin-not-matched2.less on line 6, column 1:
 5 
 6 .mixin(@a: @saxofon);

data/lib/less/js/test/less/errors/multiply-mixed-units.less

@@ -0,0 +1,7 @@
+/* Test */
+#blah {
+  // blah
+}
+.a {
+  error: (1px * 1em);
+}

data/lib/less/js/test/less/errors/multiply-mixed-units.txt

@@ -0,0 +1,4 @@
+SyntaxError: Multiple units in dimension. Correct the units or use the unit function. Bad unit: em*px in {path}multiply-mixed-units.less on line 6, column 3:
+5 .a {
+6   error: (1px * 1em);
+7 }

data/lib/less/js/test/less/errors/parens-error-1.less

@@ -0,0 +1,3 @@
+.a {
+  something: (12 (13 + 5 -23) + 5);
+}

data/lib/less/js/test/less/errors/parens-error-1.txt

@@ -0,0 +1,4 @@
+SyntaxError: expected ')' got '(' in {path}parens-error-1.less on line 2, column 18:
+1 .a {
+2   something: (12 (13 + 5 -23) + 5);
+3 }

data/lib/less/js/test/less/errors/parens-error-2.less

@@ -0,0 +1,3 @@
+.a {
+  something: (12 * (13 + 5 -23));
+}

data/lib/less/js/test/less/errors/parens-error-2.txt

@@ -0,0 +1,4 @@
+SyntaxError: expected ')' got '-' in {path}parens-error-2.less on line 2, column 28:
+1 .a {
+2   something: (12 * (13 + 5 -23));
+3 }

data/lib/less/js/test/less/errors/parens-error-3.less

@@ -0,0 +1,3 @@
+.a {
+  something: (12 + (13 + 10 -23));
+}

data/lib/less/js/test/less/errors/parens-error-3.txt

@@ -0,0 +1,4 @@
+SyntaxError: expected ')' got '-' in {path}parens-error-3.less on line 2, column 29:
+1 .a {
+2   something: (12 + (13 + 10 -23));
+3 }

data/lib/less/js/test/less/errors/parse-error-curly-bracket.txt

@@ -1,2 +1,2 @@
-ParseError: missing opening `{` in {path}parse-error-curly-bracket.less:1:1
+ParseError: missing opening `{` in {path}parse-error-curly-bracket.less on line 1, column 2:
 1 }}

data/lib/less/js/test/less/errors/parse-error-missing-bracket.txt

@@ -1,2 +1,3 @@
-ParseError: missing closing `}` in {path}parse-error-missing-bracket.less:3:0
+ParseError: missing closing `}` in {path}parse-error-missing-bracket.less on line 3, column 1:
 2   background-color: #fff;
+3 

data/lib/less/js/test/less/errors/parse-error-with-import.txt

@@ -1,4 +1,4 @@
-ParseError: Syntax Error on line 8 in {path}parse-error-with-import.less:8:8
+ParseError: Unrecognised input in {path}parse-error-with-import.less on line 8, column 9:
 7 
 8 nonsense;
 9 

data/lib/less/js/test/less/errors/property-ie5-hack.txt

@@ -1,4 +1,4 @@
-ParseError: Syntax Error on line 2 in {path}property-ie5-hack.less:2:2
+ParseError: Unrecognised input in {path}property-ie5-hack.less on line 2, column 3:
 1 .test {
 2   display/*/: block; /*sorry for IE5*/
 3 }

data/lib/less/js/test/less/errors/property-in-root.less

@@ -0,0 +1,4 @@
+.a() {
+  prop:1;
+}
+.a();

data/lib/less/js/test/less/errors/property-in-root.txt

@@ -0,0 +1,4 @@
+SyntaxError: properties must be inside selector blocks, they cannot be in the root. in {path}property-in-root.less on line 2, column 3:
+1 .a() {
+2   prop:1;
+3 }

data/lib/less/js/test/less/errors/property-in-root2.less

@@ -0,0 +1 @@
+@import "property-in-root";

data/lib/less/js/test/less/errors/property-in-root2.txt

@@ -0,0 +1,4 @@
+SyntaxError: properties must be inside selector blocks, they cannot be in the root. in {path}property-in-root.less on line 2, column 3:
+1 .a() {
+2   prop:1;
+3 }

data/lib/less/js/test/less/errors/property-in-root3.less

@@ -0,0 +1,4 @@
+prop:1;
+.a {
+  prop:1;
+}

data/lib/less/js/test/less/errors/property-in-root3.txt

@@ -0,0 +1,3 @@
+SyntaxError: properties must be inside selector blocks, they cannot be in the root. in {path}property-in-root3.less on line 1, column 1:
+1 prop:1;
+2 .a {

data/lib/less/js/test/less/errors/recursive-variable.txt

@@ -1,2 +1,2 @@
-NameError: Recursive variable definition for @bodyColor in {path}recursive-variable.less:1:19
+NameError: Recursive variable definition for @bodyColor in {path}recursive-variable.less on line 1, column 20:
 1 @bodyColor: darken(@bodyColor, 30%);

data/lib/less/js/test/less/extend-chaining.less

@@ -0,0 +1,79 @@
+//very simple chaining
+.a {
+  color: black;
+}
+.b:extend(.a) {}
+.c:extend(.b) {}
+
+//very simple chaining, ordering not important
+
+.d:extend(.e) {}
+.e:extend(.f) {}
+.f {
+  color: black;
+}
+
+//extend with all
+
+.g.h {
+  color: black;
+}
+.i.j:extend(.g all) {
+  color: white;
+}
+.k:extend(.i all) {}
+
+//extend multi-chaining
+
+.l {
+  color: black;
+}
+.m:extend(.l){}
+.n:extend(.m){}
+.o:extend(.n){}
+.p:extend(.o){}
+.q:extend(.p){}
+.r:extend(.q){}
+.s:extend(.r){}
+.t:extend(.s){}
+
+// self referencing is ignored
+
+.u {color: black;}
+.v.u.v:extend(.u all){}
+
+// circular reference because the new extend product will match the existing extend
+
+.w:extend(.w) {color: black;}
+.v.w.v:extend(.w all){}
+
+// classic circular references
+
+.x:extend(.z) {
+  color: x;
+}
+.y:extend(.x) {
+  color: y;
+}
+.z:extend(.y) {
+  color: z;
+}
+
+// media queries - dont extend outside, do extend inside
+
+@media tv {
+  .ma:extend(.a,.b,.c,.d,.e,.f,.g,.h,.i,.j,.k,.l,.m,.n,.o,.p,.q,.r,.s,.t,.u,.v,.w,.x,.y,.z,.md) {
+    color: black;
+  }
+  .md {
+    color: white;
+  }
+  @media plasma {
+    .me, .mf {
+      &:extend(.mb,.md);
+      background: red;
+    }
+  }
+}
+.mb:extend(.ma) {};
+.mc:extend(.mb) {};

data/lib/less/js/test/less/extend-clearfix.less

@@ -0,0 +1,19 @@
+.clearfix {
+  *zoom: 1;
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+    height: 0;
+  }
+}
+
+.foo {
+  &:extend(.clearfix all);
+  color: red;
+}
+
+.bar {
+  &:extend(.clearfix all);
+  color: blue;
+}

data/lib/less/js/test/less/extend-exact.less

@@ -0,0 +1,46 @@
+.replace.replace,
+.c.replace + .replace {
+  .replace,
+  .c {
+    prop: copy-paste-replace;
+  }
+}
+.rep_ace:extend(.replace.replace .replace) {}
+
+.a .b .c {
+  prop: not_effected;
+}
+
+.a {
+  prop: is_effected;
+  .b {
+    prop: not_effected;
+  }
+  .b.c {
+    prop: not_effected;
+  }
+}
+
+.c, .a {
+  .b, .a {
+    .a, .c {
+      prop: not_effected;
+    }
+  }
+}
+
+.effected {
+  &:extend(.a);
+  &:extend(.b);
+  &:extend(.c);
+}
+
+.e {
+  && {
+    prop: extend-double;
+    &:hover {
+      hover: not-extended;
+    }
+  }
+}
+.dbl:extend(.e.e) {}