less 2.3.0 → 2.3.1

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

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

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

@@ -0,0 +1,3 @@
+.test {
+  display/*/: block; /*sorry for IE5*/
+}

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

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

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

@@ -0,0 +1 @@
+@bodyColor: darken(@bodyColor, 30%);

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

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

data/lib/less/js/test/less/functions.less

@@ -1,10 +1,12 @@
 #functions {
   @var: 10;
+  @colors: #000, #fff;
   color: _color("evil red"); // #660000
   width: increment(15);
   height: undefined("self");
   border-width: add(2, 3);
   variable: increment(@var);
+  background: linear-gradient(@colors);
 }
 
 #built-in {
@@ -17,24 +19,72 @@
   greyscale: greyscale(#203c31);
   spin-p: spin(hsl(340, 50%, 50%), 40);
   spin-n: spin(hsl(30, 50%, 50%), -40);
+  luma-white: luma(#fff);
+  luma-black: luma(#000);
+  luma-black-alpha: luma(rgba(0,0,0,0.5));
+  luma-red: luma(#ff0000);
+  luma-green: luma(#00ff00);
+  luma-blue: luma(#0000ff);
+  luma-yellow: luma(#ffff00);
+  luma-cyan: luma(#00ffff);
+  luma-white-alpha: luma(rgba(255,255,255,0.5));
+  contrast-filter: contrast(30%);
+  contrast-white: contrast(#fff);
+  contrast-black: contrast(#000);
+  contrast-red: contrast(#ff0000);
+  contrast-green: contrast(#00ff00);
+  contrast-blue: contrast(#0000ff);
+  contrast-yellow: contrast(#ffff00);
+  contrast-cyan: contrast(#00ffff);
+  contrast-light: contrast(#fff, #111111, #eeeeee);
+  contrast-dark: contrast(#000, #111111, #eeeeee);
+  contrast-light-thresh: contrast(#fff, #111111, #eeeeee, 0.5);
+  contrast-dark-thresh: contrast(#000, #111111, #eeeeee, 0.5);
+  contrast-high-thresh: contrast(#555, #111111, #eeeeee, 0.6);
+  contrast-low-thresh: contrast(#555, #111111, #eeeeee, 0.1);
   format: %("rgb(%d, %d, %d)", @r, 128, 64);
   format-string: %("hello %s", "world");
   format-multiple: %("hello %s %d", "earth", 2);
   format-url-encode: %('red is %A', #ff0000);
   eformat: e(%("rgb(%d, %d, %d)", @r, 128, 64));
+  
+  unitless: unit(12px);
+  unit: unit(13px + 1px, em);
 
   hue: hue(hsl(98, 12%, 95%));
   saturation: saturation(hsl(98, 12%, 95%));
   lightness: lightness(hsl(98, 12%, 95%));
+  red: red(#f00);
+  green: green(#0f0);
+  blue: blue(#00f);
   rounded: round(@r/3);
+  rounded-two: round(@r/3, 2);
   roundedpx: round(10px / 3);
+  roundedpx-three: round(10px / 3, 3);
+  rounded-percentage: round(10.2%);
+  ceil: ceil(10.1px);
+  floor: floor(12.9px);
   percentage: percentage(10px / 50);
   color: color("#ff0011");
+  tint: tint(#777777, 13);
+  tint-full: tint(#777777, 100);
+  tint-percent: tint(#777777, 13%);
+  shade: shade(#777777, 13);
+  shade-full: shade(#777777, 100);
+  shade-percent: shade(#777777, 13%);
+  
+  hsv: hsv(5, 50%, 30%);
+  hsva: hsva(3, 50%, 30%, 0.2);
+
+  mix: mix(#ff0000, #ffff00, 80);
+  mix-0: mix(#ff0000, #ffff00, 0);
+  mix-100: mix(#ff0000, #ffff00, 100);
+  mix-weightless: mix(#ff0000, #ffff00);
 
   .is-a {
     color: iscolor(#ddd);
-    color: iscolor(red);
-    color: iscolor(rgb(0, 0, 0));
+    color1: iscolor(red);
+    color2: iscolor(rgb(0, 0, 0));
     keyword: iskeyword(hello);
     number: isnumber(32);
     string: isstring("hello");
@@ -47,3 +97,15 @@
 #alpha {
   alpha: darken(hsla(25, 50%, 50%, 0.6), 10%);
 }
+
+#blendmodes {
+  multiply: multiply(#f60000, #f60000);
+  screen: screen(#f60000, #0000f6);
+  overlay: overlay(#f60000, #0000f6);
+  softlight: softlight(#f60000, #ffffff);
+  hardlight: hardlight(#f60000, #0000f6);
+  difference: difference(#f60000, #0000f6);
+  exclusion: exclusion(#f60000, #0000f6);
+  average: average(#f60000, #0000f6);
+  negation: negation(#f60000, #313131);
+}

data/lib/less/js/test/less/ie-filters.less

@@ -5,4 +5,11 @@
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 20);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=@fat);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr=@cloudhead, GradientType=@fat);
+}
+.evalTest(@arg) {
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=@arg);
+}
+.evalTest1 {
+  .evalTest(30);
+  .evalTest(5);
 }

data/lib/less/js/test/less/import-once.less

@@ -0,0 +1,4 @@
+@import-once "import/import-once-test-c";
+@import-once "import/import-once-test-c";
+@import-once "import/import-once-test-c.less";
+@import-once "import/deeper/import-once-test-a";

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

@@ -1,4 +1,3 @@
-@import url("import/import-test-a.less");
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
 
 @import url(something.css) screen and (color) and (max-width: 600px);
@@ -9,3 +8,5 @@
   height: @a + 10%;
 }
 @import "import/import-test-e" screen and (max-width: 600px);
+
+@import url("import/import-test-a.less");

data/lib/less/js/test/less/import/deeper/import-once-test-a.less

@@ -0,0 +1 @@
+@import-once "../import-once-test-c";

data/lib/less/js/test/less/import/import-and-relative-paths-test.less

@@ -0,0 +1,6 @@
+@import "../css/background.css";
+@import "import-test-d.css";
+
+@import "imports/logo";
+@import "imports/font";
+

data/lib/less/js/test/less/import/import-charset-test.less

@@ -0,0 +1 @@
+@charset "ISO-8859-1";

data/lib/less/js/test/less/import/import-once-test-c.less

@@ -0,0 +1,6 @@
+
+@c: red;
+
+#import {
+  color: @c;
+}

data/lib/less/js/test/less/import/import-test-a.less

@@ -1,2 +1,3 @@
 @import "import-test-b.less";
 @a: 20%;
+@import "urls.less";

data/lib/less/js/test/less/import/import-test-c.less

@@ -1,5 +1,4 @@
 
-@import "import-test-d.css";
 @c: red;
 
 #import {

data/lib/less/js/test/less/import/imports/font.less

@@ -0,0 +1,8 @@
+@font-face {
+	font-family: xecret;
+	src: url('../assets/xecret.ttf');
+}
+
+#secret {
+	font-family: xecret, sans-serif;
+}

data/lib/less/js/test/less/import/imports/logo.less

@@ -0,0 +1,5 @@
+#logo {
+  width: 100px;
+  height: 100px;
+  background: url('../assets/logo.png');
+}

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

@@ -0,0 +1 @@
+// empty file showing that it loads from the relative path first

data/lib/less/js/test/less/javascript.less

@@ -3,8 +3,10 @@
     js: `1 + 1`;
     js: `"hello world"`;
     js: `[1, 2, 3]`;
-    title: `process.title`;
+    title: `typeof process.title`;
     ternary: `(1 + 1 == 2 ? true : false)`;
+    multiline: `(function(){var x = 1 + 1;
+           return x})()`;
 }
 .scope {
     @foo: 42;
@@ -23,5 +25,5 @@
     @ary:  1, 2, 3;
     @ary2: 1  2  3;
     ary: `@{ary}.join(', ')`;
-    ary: `@{ary2}.join(', ')`;
+    ary1: `@{ary2}.join(', ')`;
 }

data/lib/less/js/test/less/media.less

@@ -20,6 +20,10 @@
     body { max-width: @base * 60; }
 }
 
+@media all and (device-aspect-ratio: 16/9) {
+   body { max-width: 800px; }
+}
+
 @media all and (orientation:portrait) {
     aside { float: none; }
 }
@@ -44,6 +48,33 @@ body {
     }
 }
 
+@media screen {
+  .sidebar {
+    width: 300px;
+    @media (orientation: landscape) {
+      width: 500px;
+    }
+  }
+}
+
+@media a {
+  .first {
+    @media b {
+      .second {
+        .third {
+          width: 300px;
+          @media c {
+            width: 500px;
+          }
+        }
+        .fourth {
+          width: 3;
+        }
+      }
+    }
+  }
+}
+
 body {
     @media a, b and c {
         width: 95%;
@@ -77,3 +108,92 @@ body {
 @media @smartphone {
   width: 480px;
 }
+
+@media print {
+  @page :left {
+    margin: 0.5cm;
+  }
+  @page :right {
+    margin: 0.5cm;
+  }
+  @page Test:first {
+    margin: 1cm;
+  }
+  @page :first {
+    size: 8.5in 11in;
+	@top-left {
+      margin: 1cm;
+    }
+    @top-left-corner {
+      margin: 1cm;
+    }
+    @top-center {
+      margin: 1cm;
+    }
+    @top-right {
+      margin: 1cm;
+    }
+    @top-right-corner {
+      margin: 1cm;
+    }
+    @bottom-left {
+      margin: 1cm;
+    }
+    @bottom-left-corner {
+      margin: 1cm;
+    }
+    @bottom-center {
+      margin: 1cm;
+    }
+    @bottom-right {
+      margin: 1cm;
+    }
+    @bottom-right-corner {
+      margin: 1cm;
+    }
+    @left-top {
+      margin: 1cm;
+    }
+    @left-middle {
+      margin: 1cm;
+    }
+    @left-bottom {
+      margin: 1cm;
+    }
+    @right-top {
+      margin: 1cm;
+    }
+    @right-middle {
+      content: "Page " counter(page);
+    }
+    @right-bottom {
+      margin: 1cm;
+    }
+  }
+}
+
+@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 128dpcm) {
+  .b {
+    background: red;
+  }
+}
+
+.bg() {
+    background: red;
+
+    @media (max-width: 500px) {
+        background: green;
+    }
+}
+
+body {
+    .bg();
+}
+
+@bpMedium: 1000px;
+@media (max-width: @bpMedium) {
+    body {        
+        .bg();
+        background: blue;
+    }
+}

data/lib/less/js/test/less/mixins-args.less

@@ -19,6 +19,9 @@
 
 #hidden {
   .hidden;
+}
+
+#hidden1 {
   .hidden();
 }
 
@@ -96,16 +99,6 @@ body {
 }
 #var-inside { .var-inside; }
 
-// # mixins
-
-#id-mixin () {
-    color: red;
-}
-.id-class {
-    #id-mixin();
-    #id-mixin;
-}
-
 .mixin-arguments (@width: 0px, ...) {
     border: @arguments;
     width: @width;
@@ -135,3 +128,40 @@ body {
 .edge-case {
     .mixin-arguments("{");
 }
+
+// semi-colon vs comma for delimiting
+
+.mixin-takes-one(@a) {
+    one: @a;
+}
+
+.mixin-takes-two(@a; @b) {
+    one: @a;
+    two: @b;
+}
+
+.comma-vs-semi-colon {
+    .mixin-takes-two(@a : a; @b : b, c);
+    .mixin-takes-two(@a : d, e; @b : f);
+    .mixin-takes-one(@a: g);
+    .mixin-takes-one(@a : h;);
+    .mixin-takes-one(i);
+    .mixin-takes-one(j;);
+    .mixin-takes-two(k, l);
+    .mixin-takes-one(m, n;);
+    .mixin-takes-two(o, p; q);
+    .mixin-takes-two(r, s; t;);
+}
+
+.mixin-conflict(@a:defA, @b:defB, @c:defC) {
+  three: @a, @b, @c;
+}
+
+.mixin-conflict(@a:defA, @b:defB, @c:defC, @d:defD) {
+  four: @a, @b, @c, @d;
+}
+
+#named-conflict {
+  .mixin-conflict(11, 12, 13, @a:a);
+  .mixin-conflict(@a:a, 21, 22, 23);
+}

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

@@ -92,3 +92,33 @@
 .bool () when not (false) and (false), not (false)           { content: not false and false, not false }
 
 .bool1 { .bool }
+
+.equality-unit-test(@num) when (@num = 1%) {
+  test: fail;
+}
+.equality-unit-test(@num) when (@num = 2) {
+  test: pass;
+}
+.equality-units {
+  .equality-unit-test(1px);
+  .equality-unit-test(2px);
+}
+
+.colorguard(@col) when (@col = red)							{ content: is @col; }
+.colorguard(@col) when not (blue = @col)					{ content: is not blue its @col; }
+.colorguard(@col)											{}
+.colorguardtest {
+    .colorguard(red);
+	.colorguard(blue);
+	.colorguard(purple);
+}
+
+.stringguard(@str) when (@str = "theme1")					{ content: is theme1; }
+.stringguard(@str) when not ("theme2" = @str)				{ content: is not theme2; }
+.stringguard(@str) when (~"theme1" = @str)					{ content: is theme1 no quotes; }
+.stringguard(@str)											{}
+.stringguardtest {
+    .stringguard("theme1");
+	.stringguard("theme2");
+	.stringguard(theme1);
+}