less 2.2.2 → 2.6.0

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

@@ -25,4 +25,9 @@
 /* This hideous test of hideousness checks for the selector "blockquote" with various permutations of hex escapes */
 \62\6c\6f \63 \6B \0071 \000075o\74 e {
 	color: silver;
-}
+}
+
+[ng\:cloak],
+ng\:form {
+  display: none;
+}

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

@@ -0,0 +1,102 @@
+
+.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;
+}
+.errors-if-called when (@c = never) {
+  .mixin-doesnt-exist();
+}

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

@@ -27,16 +27,19 @@ div#id {
 }
 
 @media print {
-  font-size: 3em;
+  * {
+    font-size: 3em;
+  }
 }
 
 @media screen {
-  font-size: 10px;
+  * {
+    font-size: 10px;
+  }
 }
 
 @font-face {
   font-family: 'Garamond Pro';
-  src: url("/fonts/garamond-pro.ttf");
 }
 
 a:hover, a:link {
@@ -52,7 +55,7 @@ q:lang(no) {
 }
 
 p + h1 {
-  font-size: 2.2em;
+  font-size: +2.2em;
 }
 
 #shorthands {
@@ -61,13 +64,14 @@ p + h1 {
   font: 100%/16px Arial;
   margin: 1px 0;
   padding: 0 auto;
-  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
 }
 
 #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 {
@@ -75,10 +79,13 @@ p + h1 {
   display: -moz-inline-stack;
   width: .1em;
   background-color: #009998;
-  background-image: url(images/image.jpg);
   background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
   margin: ;
+  .nested-multiple {
+	multiple-semi-colons: yes;;;;;;
+  };
   filter: alpha(opacity=100);
+  width: auto\9;
 }
 
 #important {
@@ -87,14 +94,15 @@ p + h1 {
   height: 20px ! important;
 }
 
-#data-uri {
-  background: url(data:image/png;charset=utf-8;base64,
-    kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
-    k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
-    kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
-  background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
+.def-font(@name) {
+    @font-face {
+        font-family: @name
+    }
 }
 
-#svg-data-uri {
-  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+.def-font(font-a);
+.def-font(font-b);
+
+.æøå {
+  margin: 0;
 }

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

@@ -0,0 +1,25 @@
+@charset "ISO-8859-1";
+
+.mixin_import1() {
+    @media all {
+        .tst {
+            color: black;
+            @media screen {
+                color: red;
+                .tst3 {
+                    color: white;
+                }
+            }
+        }
+    }
+}
+
+.mixin_import2() {
+    .tst2 {
+        color: white;
+    }
+}
+
+.tst3 {
+    color: grey;
+}

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

@@ -0,0 +1,33 @@
+@charset "UTF-8";
+
+@import "import/test.less";
+
+.start() {
+  .test2 {
+      color: red;
+  }
+}
+
+.mix() {
+    color: black;
+}
+
+.test1 {
+  .mix();
+}
+
+.start();
+
+.mixin_import1();
+
+.mixin_import2();
+
+@debug: 1;
+& when (@debug = 1) {
+  .test {
+    color: red;
+    & when (@debug = 1) {
+      width: 2;
+    }
+  }
+}

data/lib/less/js/test/less/detached-rulesets.less

@@ -0,0 +1,103 @@
+@ruleset: {
+     color: black;
+     background: white;
+  };
+
+@a: 1px;
+.wrap-mixin(@ruleset) {
+  @a: hidden and if you see this in the output its a bug;
+  @b: visible;
+  @d: magic-frame; // same behaviour as mixin calls - falls back to this frame
+  .wrap-selector {
+      @c: visible;
+      @ruleset();
+      visible-one: @b;
+      visible-two: @c;
+    }
+};
+
+.wrap-mixin({
+  color: black;
+  one: @a;
+  @b: hidden and if you see this in the output its a bug;
+  @c: hidden and if you see this in the output its a bug;
+  four: @d;
+});
+
+.wrap-mixin(@ruleset: {
+  color: red;
+});
+
+.wrap-mixin(@ruleset);
+
+.desktop-and-old-ie(@rules) {
+  @media screen and (min-width: 1200) { @rules(); }
+  html.lt-ie9 &                       { @rules(); }
+}
+
+header {
+  background: blue;
+
+  .desktop-and-old-ie({
+    background: red;
+  });
+}
+
+.wrap-mixin-calls-wrap(@ruleset) {
+  .wrap-mixin(@ruleset);
+};
+
+.wrap-mixin({
+  test: extra-wrap;
+  .wrap-mixin-calls-wrap({
+    test: wrapped-twice;
+  });
+});
+
+.wrap-mixin({
+  test-func: unit(90px);
+  test-arithmetic: unit((9+9), px);
+});
+// without mixins
+@ruleset-2: {
+  b: 1;
+};
+.without-mixins {
+  @ruleset-2();
+}
+@my-ruleset: {
+    .my-selector {
+      @media tv {
+        background-color: black;
+      }
+    }
+  };
+@media (orientation:portrait) {
+    @my-ruleset();
+    .wrap-media-mixin({
+      @media tv {
+        .triple-wrapped-mq {
+          triple: true;
+        }
+      }
+    });
+}
+.wrap-media-mixin(@ruleset) {
+  @media widescreen {
+    @media print {
+      @ruleset();
+    }
+    @ruleset();
+  }
+  @ruleset();
+}
+// unlocking mixins
+@my-mixins: {
+  .mixin() {
+    test: test;
+  }
+};
+@my-mixins();
+.a {
+  .mixin();
+}

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

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

data/lib/less/js/test/less/errors/at-rules-undefined-var.less

@@ -0,0 +1,4 @@
+
+@keyframes @name {
+    50% {width: 20px;}
+}

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

@@ -0,0 +1,4 @@
+NameError: variable @name is undefined in {path}at-rules-undefined-var.less on line 2, column 12:
+1 
+2 @keyframes @name {
+3     50% {width: 20px;}

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

@@ -0,0 +1 @@
+@@demo: "hi";

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

@@ -0,0 +1,2 @@
+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-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/comment-in-selector.less

@@ -0,0 +1 @@
+#gaga /* Comment */ span { color: red }

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

@@ -0,0 +1,2 @@
+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/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/detached-ruleset-1.less

@@ -0,0 +1,6 @@
+@a: {
+  b: 1;
+};
+.a {
+  a: @a;
+}

data/lib/less/js/test/less/errors/detached-ruleset-1.txt

@@ -0,0 +1,4 @@
+SyntaxError: Rulesets cannot be evaluated on a property. in {path}detached-ruleset-1.less on line 5, column 3:
+4 .a {
+5   a: @a;
+6 }

data/lib/less/js/test/less/errors/detached-ruleset-2.less

@@ -0,0 +1,6 @@
+@a: {
+  b: 1;
+};
+.a {
+  a: @a();
+}

data/lib/less/js/test/less/errors/detached-ruleset-2.txt

@@ -0,0 +1,4 @@
+ParseError: Unrecognised input in {path}detached-ruleset-2.less on line 5, column 3:
+4 .a {
+5   a: @a();
+6 }

data/lib/less/js/test/less/errors/detached-ruleset-3.less

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

data/lib/less/js/test/less/errors/detached-ruleset-3.txt

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

data/lib/less/js/test/less/errors/detached-ruleset-4.less

@@ -0,0 +1,5 @@
+.mixin-definition(@a: {
+  b: 1;
+}) {
+  @a();
+}

data/lib/less/js/test/less/errors/detached-ruleset-4.txt

@@ -0,0 +1,3 @@
+ParseError: Unrecognised input in {path}detached-ruleset-4.less on line 1, column 18:
+1 .mixin-definition(@a: {
+2   b: 1;

data/lib/less/js/test/less/errors/detached-ruleset-5.less

@@ -0,0 +1,4 @@
+.mixin-definition(@b) {
+  @a();
+}
+.mixin-definition({color: red;});

data/lib/less/js/test/less/errors/detached-ruleset-5.txt

@@ -0,0 +1,3 @@
+SyntaxError: variable @a is undefined in {path}detached-ruleset-5.less on line 4, column 1:
+3 }
+4 .mixin-definition({color: red;});

data/lib/less/js/test/less/errors/detached-ruleset-6.less

@@ -0,0 +1,5 @@
+.a {
+  b: {
+    color: red;
+  };
+}

data/lib/less/js/test/less/errors/detached-ruleset-6.txt

@@ -0,0 +1,4 @@
+ParseError: Unrecognised input in {path}detached-ruleset-6.less on line 2, column 3:
+1 .a {
+2   b: {
+3     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

@@ -0,0 +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

@@ -0,0 +1,3 @@
+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.less

@@ -0,0 +1 @@
+@import "this-statement-is-invalid.less"

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

@@ -0,0 +1,2 @@
+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.less

@@ -0,0 +1 @@
+@import "imports/import-subfolder1.less";

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

@@ -0,0 +1,3 @@
+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.less

@@ -0,0 +1 @@
+@import "imports/import-subfolder2.less";

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

@@ -0,0 +1,4 @@
+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/imports/import-subfolder1.less

@@ -0,0 +1 @@
+@import "subfolder/mixin-not-defined.less";

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

@@ -0,0 +1 @@
+@import "subfolder/parse-error-curly-bracket.less";

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

@@ -0,0 +1,4 @@
+.someclass
+{
+    font-weight: bold;
+}

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

@@ -0,0 +1 @@
+@import "../../mixin-not-defined.less";

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

@@ -0,0 +1 @@
+@import "../../parse-error-curly-bracket.less";

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

@@ -0,0 +1,3 @@
+.scope {
+    var: `this.foo.toJS()`;
+}

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

@@ -0,0 +1,4 @@
+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/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/mixed-mixin-definition-args-1.less

@@ -0,0 +1,6 @@
+.mixin(@a : 4, @b : 3, @c: 2) {
+    will: fail;
+}
+.mixin-test {
+    .mixin(@a: 5; @b: 6, @c: 7);
+}

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

@@ -0,0 +1,4 @@
+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.less

@@ -0,0 +1,6 @@
+.mixin(@a : 4, @b : 3, @c: 2) {
+    will: fail;
+}
+.mixin-test {
+    .mixin(@a: 5, @b: 6; @c: 7);
+}

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

@@ -0,0 +1,4 @@
+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 }