less 2.4.0 → 2.5.0

data/lib/less/js/test/less/colors.less

@@ -37,6 +37,7 @@
   .b { color: (#eee + #fff); } // #ffffff
   .c { color: (#aaa * 3); } // #ffffff
   .d { color: (#00ee00 + #009900); } // #00ff00
+  .e { color: rgba(-99.9, 31.4159, 321, 0.42); }  
 }
 
 #grey {
@@ -90,3 +91,8 @@
         opacity: alpha(hsl(120, 100%, 50%));
     }
 }
+
+#percentage {
+  color: red(rgb(100%, 0, 0));
+  border-color: rgba(100%, 0, 0, 50%);
+}

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

@@ -34,7 +34,13 @@
 
 /* @group Variables
 ------------------- */
-#comments /* boo */ {
+#comments /* boo *//* boo again*/,
+//.commented_out1
+//.commented_out2
+//.commented_out3
+.comments //end of comments1
+//end of comments2
+{
   /**/ // An empty comment
   color: red; /* A C-style comment */  /* A C-style comment */
   background-color: orange; // A little comment

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

@@ -4,6 +4,11 @@
   color3: rgba(255, 238, 170, 0.1);
   @color1: #fea;
   string: "@{color1}";
+  /* comments are stripped */
+  // both types!
+  /*! but not this type
+      Note preserved whitespace
+  */
 }
 dimensions {
   val: 0.1px;
@@ -12,5 +17,20 @@ dimensions {
   val: 0.2;
   val: 5;
   angles-must-have-unit: 0deg;
+  durations-must-have-unit: 0s;
+  length-doesnt-have-unit: 0px;
   width: auto\9;
-}
+}
+@page  {
+  marks: none;
+@top-left-corner {
+  vertical-align: top;
+}
+@top-left {
+  vertical-align: top;
+}
+}
+.shadow ^ .dom,
+body ^^ .shadow {
+  display: done;
+}

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

@@ -114,4 +114,16 @@ foo|* { color: yellow; }
 h1 { color: green; }
 .upper-test {
   UpperCaseProperties: allowed;
+}
+@host {
+  div {
+    display: block;
+  }
+}
+::distributed(input::placeholder) {
+  color: #b3b3b3;
+}
+.shadow ^ .dom,
+body ^^ .shadow {
+  display: done;
 }

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

@@ -0,0 +1,99 @@
+
+.light when (lightness(@a) > 50%) {
+  color: green;
+}
+.dark when (lightness(@a) < 50%) {
+  color: orange;
+}
+@a: #ddd;
+
+.see-the {
+  @a: #444; // this mirrors what mixins do - they evaluate the guards at the point of definition
+  .light();
+  .dark();
+}
+
+.hide-the {
+  .light();
+  .dark();
+}
+
+.multiple-conditions-1 when (@b = 1), (@c = 2), (@d = 3) {
+  color: red;
+}
+
+.multiple-conditions-2 when (@b = 1), (@c = 2), (@d = 2) {
+  color: blue;
+}
+
+@b: 2;
+@c: 3;
+@d: 3;
+
+.inheritance when (@b = 2) {
+  .test {
+    color: black;
+  }
+  &:hover {
+    color: pink;
+  }
+  .hideme when (@b = 1) {
+    color: green;
+  }
+  & when (@b = 1) {
+    hideme: green;
+  }
+}
+
+.hideme when (@b = 1) {
+  .test {
+    color: black;
+  }
+  &:hover {
+    color: pink;
+  }
+  .hideme when (@b = 1) {
+    color: green;
+  }
+}
+
+& when (@b = 1) {
+  .hideme {
+    color: red;
+  }
+}
+
+.mixin-with-guard-inside(@colWidth) {
+  // selector with guard (applies also to & when() ...)
+  .clsWithGuard when (@colWidth <= 0) {
+    dispaly: none;
+  }
+}
+
+.mixin-with-guard-inside(0px);
+
+.dont-split-me-up {
+  width: 1px;
+  & when (@c = 3) {
+    color: red;
+  }
+  & when (@c = 3) {
+    height: 1px;
+  }
+  + & when (@c = 3) { // creates invalid css but tests that we don't fold it in
+    sibling: true;
+  }
+}
+
+.scope-check when (@c = 3) {
+  @k: 1px;
+  & when (@c = 3) {
+    @k: 2px;
+    sub-prop: @k;
+  }
+  prop: @k;
+}
+.scope-check-2 {
+  .scope-check();
+  @k:4px;
+}

data/lib/less/js/test/less/debug/linenumbers.less

@@ -20,4 +20,14 @@
 
 .mixin_import1();
 
-.mixin_import2();
+.mixin_import2();
+
+@debug: 1;
+& when (@debug = 1) {
+  .test {
+    color: red;
+    & when (@debug = 1) {
+      width: 2;
+    }
+  }
+}

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

@@ -1,2 +1,4 @@
-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);
+SyntaxError: Incompatible units. Change the units or use the unit function. Bad units: 'px' and 'em'. in {path}add-mixed-units.less on line 2, column 3:
+1 .a {
+2   error: (1px + 3em);
+3 }

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

@@ -1,2 +1,4 @@
-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));
+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 2, column 3:
+1 .a {
+2   error: ((1px * 2px) + (3em * 3px));
+3 }

data/lib/less/js/test/less/errors/color-func-invalid-color.less

@@ -0,0 +1,3 @@
+.test {
+  color: color("NOT A COLOR");
+}

data/lib/less/js/test/less/errors/color-func-invalid-color.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `color`: argument must be a color keyword or 3/6 digit hex e.g. #FFF in {path}color-func-invalid-color.less on line 2, column 10:
+1 .test {
+2   color: color("NOT A COLOR");
+3 }

data/lib/less/js/test/less/errors/css-guard-default-func.less

@@ -0,0 +1,4 @@
+
+selector when (default()) {
+    color: red;
+}

data/lib/less/js/test/less/errors/css-guard-default-func.txt

@@ -0,0 +1,4 @@
+SyntaxError: error evaluating function `default`: it is currently only allowed in parametric mixin guards, in {path}css-guard-default-func.less on line 2, column 16:
+1 
+2 selector when (default()) {
+3     color: red;

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

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

data/lib/less/js/test/less/errors/javascript-undefined-var.less

@@ -0,0 +1,3 @@
+.scope {
+    @a: `@{b}`;
+}

data/lib/less/js/test/less/errors/javascript-undefined-var.txt

@@ -0,0 +1,4 @@
+NameError: variable @b is undefined in {path}javascript-undefined-var.less on line 2, column 15:
+1 .scope {
+2     @a: `@{b}`;
+3 }

data/lib/less/js/test/less/errors/mixins-guards-default-func-1.less

@@ -0,0 +1,9 @@
+
+guard-default-func-conflict {
+    .m(@x, 1)                  {}
+    .m(@x, 2) when (default()) {}
+    .m(@x, 2) when (default()) {}
+
+    .m(1, 1);
+    .m(1, 2);
+}

data/lib/less/js/test/less/errors/mixins-guards-default-func-1.txt

@@ -0,0 +1,4 @@
+RuntimeError: Ambiguous use of `default()` found when matching for `.m(1, 2)` in {path}mixins-guards-default-func-1.less on line 8, column 5:
+7     .m(1, 1);
+8     .m(1, 2);
+9 }

data/lib/less/js/test/less/errors/mixins-guards-default-func-2.less

@@ -0,0 +1,9 @@
+
+guard-default-func-conflict {
+    .m(1)                                {}
+    .m(@x) when not(default())           {}
+    .m(@x) when (@x = 3) and (default()) {}
+
+    .m(2);
+    .m(3);
+}

data/lib/less/js/test/less/errors/mixins-guards-default-func-2.txt

@@ -0,0 +1,4 @@
+RuntimeError: Ambiguous use of `default()` found when matching for `.m(3)` in {path}mixins-guards-default-func-2.less on line 8, column 5:
+7     .m(2);
+8     .m(3);
+9 }

data/lib/less/js/test/less/errors/mixins-guards-default-func-3.less

@@ -0,0 +1,9 @@
+
+guard-default-func-conflict {
+    .m(1)                      {}
+    .m(@x) when not(default()) {}
+    .m(@x) when not(default()) {}
+
+    .m(1);
+    .m(2);
+}

data/lib/less/js/test/less/errors/mixins-guards-default-func-3.txt

@@ -0,0 +1,4 @@
+RuntimeError: Ambiguous use of `default()` found when matching for `.m(2)` in {path}mixins-guards-default-func-3.less on line 8, column 5:
+7     .m(1);
+8     .m(2);
+9 }

data/lib/less/js/test/less/errors/multiple-guards-on-css-selectors.less

@@ -0,0 +1,4 @@
+@ie8: true;
+.a when (@ie8 = true),
+.b {
+}

data/lib/less/js/test/less/errors/multiple-guards-on-css-selectors.txt

@@ -0,0 +1,4 @@
+SyntaxError: Guards are only currently allowed on a single selector. in {path}multiple-guards-on-css-selectors.less on line 3, column 1:
+2 .a when (@ie8 = true),
+3 .b {
+4 }

data/lib/less/js/test/less/errors/multiple-guards-on-css-selectors2.less

@@ -0,0 +1,4 @@
+@ie8: true;
+.a,
+.b when (@ie8 = true) {
+}

data/lib/less/js/test/less/errors/multiple-guards-on-css-selectors2.txt

@@ -0,0 +1,4 @@
+SyntaxError: Guards are only currently allowed on a single selector. in {path}multiple-guards-on-css-selectors2.less on line 3, column 23:
+2 .a,
+3 .b when (@ie8 = true) {
+4 }

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

@@ -1 +1,4 @@
-}}
+body {
+    background-color: #fff;
+  }
+}

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

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

data/lib/less/js/test/less/errors/parse-error-extra-parens.less

@@ -0,0 +1,5 @@
+@media (extra: bracket)) {
+  body {
+    background-color: #fff;
+  }
+}

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

@@ -0,0 +1,3 @@
+ParseError: missing opening `(` in {path}parse-error-extra-parens.less on line 1, column 24:
+1 @media (extra: bracket)) {
+2   body {

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

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

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

@@ -0,0 +1,5 @@
+@media (missing: bracket {
+  body {
+    background-color: #fff;
+  }
+}

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

@@ -0,0 +1,3 @@
+ParseError: missing closing `)` in {path}parse-error-missing-parens.less on line 1, column 8:
+1 @media (missing: bracket {
+2   body {

data/lib/less/js/test/less/errors/property-asterisk-only-name.less

@@ -0,0 +1,3 @@
+a {
+    * : 1;
+}

data/lib/less/js/test/less/errors/property-asterisk-only-name.txt

@@ -0,0 +1,4 @@
+ParseError: Unrecognised input in {path}property-asterisk-only-name.less on line 2, column 5:
+1 a {
+2     * : 1;
+3 }

data/lib/less/js/test/less/errors/property-interp-not-defined.less

@@ -0,0 +1 @@
+a {outline-@{color}: green}

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

@@ -0,0 +1,2 @@
+NameError: variable @color is undefined in {path}property-interp-not-defined.less on line 1, column 12:
+1 a {outline-@{color}: green}

data/lib/less/js/test/less/errors/svg-gradient1.less

@@ -0,0 +1,3 @@
+.a {
+  a: svg-gradient(horizontal, black, white);
+}

data/lib/less/js/test/less/errors/svg-gradient1.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `svg-gradient`: svg-gradient direction must be 'to bottom', 'to right', 'to bottom right', 'to top right' or 'ellipse at center' in {path}svg-gradient1.less on line 2, column 6:
+1 .a {
+2   a: svg-gradient(horizontal, black, white);
+3 }

data/lib/less/js/test/less/errors/svg-gradient2.less

@@ -0,0 +1,3 @@
+.a {
+  a: svg-gradient(to bottom, black, orange, 45%, white);
+}

data/lib/less/js/test/less/errors/svg-gradient2.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `svg-gradient`: svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position] in {path}svg-gradient2.less on line 2, column 6:
+1 .a {
+2   a: svg-gradient(to bottom, black, orange, 45%, white);
+3 }

data/lib/less/js/test/less/errors/svg-gradient3.less

@@ -0,0 +1,3 @@
+.a {
+  a: svg-gradient(black, orange);
+}

data/lib/less/js/test/less/errors/svg-gradient3.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `svg-gradient`: svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position] in {path}svg-gradient3.less on line 2, column 6:
+1 .a {
+2   a: svg-gradient(black, orange);
+3 }

data/lib/less/js/test/less/errors/unit-function.less

@@ -0,0 +1,3 @@
+.a {
+  font-size: unit(80/16,rem);
+}

data/lib/less/js/test/less/errors/unit-function.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `unit`: the first argument to unit must be a number. Have you forgotten parenthesis? in {path}unit-function.less on line 2, column 14:
+1 .a {
+2   font-size: unit(80/16,rem);
+3 }

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

@@ -59,6 +59,18 @@
   color: z;
 }
 
+//very simple chaining, but with the extend inside the ruleset
+.va {
+  color: black;
+}
+.vb {
+  &:extend(.va);
+  color: white;
+}
+.vc {
+  &:extend(.vb);
+}
+
 // media queries - dont extend outside, do extend inside
 
 @media tv {