less 3.6.0 → 3.8.1

package/test/css/math/strict/mixins-args.css

@@ -0,0 +1,169 @@
+#hidden {
+  color: transparent;
+}
+#hidden1 {
+  color: transparent;
+}
+.two-args {
+  color: blue;
+  width: 10px;
+  height: 99%;
+  depth: 100% - 1%;
+  border: 2px dotted black;
+}
+.one-arg {
+  width: 15px;
+  height: 49%;
+  depth: 50% - 1%;
+}
+.no-parens {
+  width: 5px;
+  height: 49%;
+  depth: 50% - 1%;
+}
+.no-args {
+  width: 5px;
+  height: 49%;
+  depth: 50% - 1%;
+}
+.var-args {
+  width: 45;
+  height: 8%;
+  depth: 18 / 2 - 1%;
+}
+.multi-mix {
+  width: 10px;
+  height: 29%;
+  depth: 30% - 1%;
+  margin: 4;
+  padding: 5;
+}
+body {
+  padding: 30px;
+  color: #f00;
+}
+.scope-mix {
+  width: 8;
+}
+.content {
+  width: 600px;
+}
+.content .column {
+  margin: 600px;
+}
+#same-var-name {
+  radius: 5px;
+}
+#var-inside {
+  width: 10px;
+}
+.arguments {
+  border: 1px solid black;
+  width: 1px;
+}
+.arguments2 {
+  border: 0px;
+  width: 0px;
+}
+.arguments3 {
+  border: 0px;
+  width: 0px;
+}
+.arguments4 {
+  border: 0 1 2 3 4;
+  rest: 1 2 3 4;
+  width: 0;
+}
+.edge-case {
+  border: "{";
+  width: "{";
+}
+.slash-vs-math {
+  border-radius: 2px/5px;
+  border-radius: 5px/10px;
+  border-radius: 6px;
+}
+.comma-vs-semi-colon {
+  one: a;
+  two: b, c;
+  one: d, e;
+  two: f;
+  one: g;
+  one: h;
+  one: i;
+  one: j;
+  one: k;
+  two: l;
+  one: m, n;
+  one: o, p;
+  two: q;
+  one: r, s;
+  two: t;
+}
+#named-conflict {
+  four: a, 11, 12, 13;
+  four: a, 21, 22, 23;
+}
+.test-mixin-default-arg {
+  defaults: 1px 1px 1px;
+  defaults: 2px 2px 2px;
+}
+.selector {
+  margin: 2, 2, 2, 2;
+}
+.selector2 {
+  margin: 2, 2, 2, 2;
+}
+.selector3 {
+  margin: 4;
+}
+mixins-args-expand-op-1 {
+  m3: 1, 2, 3;
+}
+mixins-args-expand-op-2 {
+  m3: 4, 5, 6;
+}
+mixins-args-expand-op-3a {
+  m3: a, b, c;
+}
+mixins-args-expand-op-3b {
+  m4: 0, a, b, c;
+}
+mixins-args-expand-op-3c {
+  m4: a, b, c, 4;
+}
+mixins-args-expand-op-4a {
+  m3: a, b, c, d;
+}
+mixins-args-expand-op-4b {
+  m4: 0, a, b, c, d;
+}
+mixins-args-expand-op-4c {
+  m4: a, b, c, d, 4;
+}
+mixins-args-expand-op-5a {
+  m3: 1, 2, 3;
+}
+mixins-args-expand-op-5b {
+  m4: 0, 1, 2, 3;
+}
+mixins-args-expand-op-5c {
+  m4: 1, 2, 3, 4;
+}
+mixins-args-expand-op-6 {
+  m4: 0, 1, 2, 3;
+}
+mixins-args-expand-op-7 {
+  m4: 0, 1, 2, 3;
+}
+mixins-args-expand-op-8 {
+  m4: 1, 1.5, 2, 3;
+}
+mixins-args-expand-op-9 {
+  aa: 4 5 6 1 2 3 and again 4 5 6;
+  a4: and;
+  a8: 5;
+}
+#test-mixin-matching-when-default-2645 {
+  height: 20px;
+}

package/test/css/math/strict/parens.css

@@ -0,0 +1,37 @@
+.parens {
+  border: 2px solid black;
+  margin: 1px 3px 16 3;
+  width: 36;
+  padding: 2px 36px;
+}
+.more-parens {
+  padding: 8 4 4 4px;
+  width-all: 96;
+  width-first: 16 * 6;
+  width-keep: 16 * 6;
+  height: calc(100% + (25vh - 20px));
+  height-keep: 49 + 64;
+  height-all: 113;
+  height-parts: 49 + 64;
+  margin-keep: 20 - 8;
+  margin-parts: 20 - 8;
+  margin-all: 12;
+  border-radius-keep: 4px * 2 / 4 + 3px;
+  border-radius-parts: 8px / 7px;
+  border-radius-all: 5px;
+}
+.negative {
+  neg-var: -1;
+  neg-var-paren: -1;
+}
+.nested-parens {
+  width: 2 * 36 - 1;
+  height: 5 + 1;
+}
+.mixed-units {
+  margin: 2px 4em 1 5pc;
+  padding: 6px 1em 2px 2;
+}
+.test-false-negatives {
+  a: (;
+}

package/test/css/math/strict-legacy/media-math.css

@@ -0,0 +1,10 @@
+@media (min-width: 16 + 1) {
+  .foo {
+    bar: 1;
+  }
+}
+@media (min-width: 16 / 9) {
+  .foo {
+    bar: 1;
+  }
+}

package/test/css/{strict-math → math/strict-legacy}/parens.css

@@ -4,11 +4,15 @@
   width: 36;
   padding: 2px 36px;
 }
+.in-function {
+  value: 2 + 1;
+}
 .more-parens {
   padding: 8 4 4 4px;
   width-all: 96;
   width-first: 16 * 6;
   width-keep: (4 * 4) * 6;
+  height: calc(100% + (25vh - 20px));
   height-keep: (7 * 7) + (8 * 8);
   height-all: 113;
   height-parts: 49 + 64;
@@ -21,7 +25,7 @@
 }
 .negative {
   neg-var: -1;
-  neg-var-paren: -(1);
+  neg-var-paren: -1;
 }
 .nested-parens {
   width: 2 * (4 * (2 + (1 + 6))) - 1;

package/test/css/no-strict-math/no-sm-operations.css

@@ -13,3 +13,6 @@
 .named-colors-in-expressions-barred {
   a: a;
 }
+.division {
+  value: 2px;
+}

package/test/css/rewrite-urls-all/rewrite-urls-all.css

@@ -0,0 +1,17 @@
+#imported-file {
+  background-image: url("./folder/relative/path");
+  background-image: url("./relative/path");
+  background-image: url("../relative/path");
+  background-image: url("folder/module");
+  background-image: url("folder/module/path");
+  background-image: url("folder/module/relative/path");
+}
+#rewrite-urls-all {
+  background-image: url("./relative/path");
+  background-image: url("../relative/path");
+  background-image: url("./path");
+  background-image: url("./");
+  background-image: url("module");
+  background-image: url("module/path");
+  background-image: url("module/relative/path");
+}

package/test/css/rewrite-urls-local/rewrite-urls-local.css

@@ -0,0 +1,17 @@
+#imported-file {
+  background-image: url("./folder/relative/path");
+  background-image: url("./relative/path");
+  background-image: url("../relative/path");
+  background-image: url("module");
+  background-image: url("module/path");
+  background-image: url("module/relative/path");
+}
+#rewrite-urls-local {
+  background-image: url("./relative/path");
+  background-image: url("../relative/path");
+  background-image: url("./path");
+  background-image: url("./");
+  background-image: url("module");
+  background-image: url("module/path");
+  background-image: url("module/relative/path");
+}

package/test/css/rootpath-rewrite-urls-all/rootpath-rewrite-urls-all.css

@@ -0,0 +1,17 @@
+#imported-file {
+  background-image: url("http://example.com/assets/css/folder/relative/path");
+  background-image: url("http://example.com/assets/css/relative/path");
+  background-image: url("http://example.com/assets/relative/path");
+  background-image: url("http://example.com/assets/css/folder/module");
+  background-image: url("http://example.com/assets/css/folder/module/path");
+  background-image: url("http://example.com/assets/css/folder/module/relative/path");
+}
+#rootpath-rewrite-urls-all {
+  background-image: url("http://example.com/assets/css/relative/path");
+  background-image: url("http://example.com/assets/relative/path");
+  background-image: url("http://example.com/assets/css/path");
+  background-image: url("http://example.com/assets/css");
+  background-image: url("http://example.com/assets/css/module");
+  background-image: url("http://example.com/assets/css/module/path");
+  background-image: url("http://example.com/assets/css/module/relative/path");
+}

package/test/css/rootpath-rewrite-urls-local/rootpath-rewrite-urls-local.css

@@ -0,0 +1,17 @@
+#imported-file {
+  background-image: url("http://example.com/assets/css/folder/relative/path");
+  background-image: url("http://example.com/assets/css/relative/path");
+  background-image: url("http://example.com/assets/relative/path");
+  background-image: url("module");
+  background-image: url("module/path");
+  background-image: url("module/relative/path");
+}
+#rootpath-rewrite-urls-local {
+  background-image: url("http://example.com/assets/css/relative/path");
+  background-image: url("http://example.com/assets/relative/path");
+  background-image: url("http://example.com/assets/css/path");
+  background-image: url("http://example.com/assets/css");
+  background-image: url("module");
+  background-image: url("module/path");
+  background-image: url("module/relative/path");
+}

package/test/css/static-urls/urls.css

@@ -30,12 +30,12 @@
 #logo {
   width: 100px;
   height: 100px;
-  background: url('assets/logo.png');
+  background: url('./assets/logo.png');
   background: url("#inline-svg");
 }
 @font-face {
   font-family: xecret;
-  src: url('assets/xecret.ttf');
+  src: url('./assets/xecret.ttf');
 }
 #secret {
   font-family: xecret, sans-serif;

package/test/css/urls.css

@@ -38,12 +38,12 @@
 #logo {
   width: 100px;
   height: 100px;
-  background: url('import/assets/logo.png');
+  background: url('./import/assets/logo.png');
   background: url("#inline-svg");
 }
 @font-face {
   font-family: xecret;
-  src: url('import/assets/xecret.ttf');
+  src: url('./import/assets/xecret.ttf');
 }
 #secret {
   font-family: xecret, sans-serif;

package/test/index.js

@@ -9,32 +9,41 @@ lessTester.prepBomTest();
 var testMap = [
     [{}, 'namespacing/'],
     [{
-        strictMath: false, 
-        relativeUrls: true, 
-        silent: true, 
+        // TODO: Change this to rewriteUrls: 'all' once the relativeUrls option is removed
+        relativeUrls: true,
+        silent: true,
         javascriptEnabled: true,
         // Set explicitly for legacy tests for >3.0
         ieCompat: true
     }],
     [{
-        strictMath: true,
+        math: 'strict-legacy',
         ieCompat: true
-    }, 'strict-math/'],
+    }, 'math/strict-legacy/'],
+    [{
+        math: 'parens'
+    }, 'math/strict/'],
+    [{
+        math: 'parens-division'
+    }, 'math/parens-division/'],
+    // Use legacy strictMath: true here to demonstrate it still works
     [{strictMath: true, strictUnits: true, javascriptEnabled: true}, 'errors/',
         lessTester.testErrors, null],
-    [{strictMath: true, strictUnits: true, javascriptEnabled: false}, 'no-js-errors/',
+
+    [{math: 'strict', strictUnits: true, javascriptEnabled: false}, 'no-js-errors/',
         lessTester.testErrors, null],
-    [{strictMath: true, dumpLineNumbers: 'comments'}, 'debug/', null,
+    [{math: 'strict', dumpLineNumbers: 'comments'}, 'debug/', null,
         function(name) { return name + '-comments'; }],
-    [{strictMath: true, dumpLineNumbers: 'mediaquery'}, 'debug/', null,
+    [{math: 'strict', dumpLineNumbers: 'mediaquery'}, 'debug/', null,
         function(name) { return name + '-mediaquery'; }],
-    [{strictMath: true, dumpLineNumbers: 'all'}, 'debug/', null,
+    [{math: 'strict', dumpLineNumbers: 'all'}, 'debug/', null,
         function(name) { return name + '-all'; }],
-    [{strictMath: true, relativeUrls: false, rootpath: 'folder (1)/'}, 'static-urls/'],
-    [{strictMath: true, compress: true}, 'compression/'],
-    [{strictMath: false, strictUnits: true}, 'strict-units/'],
+    // TODO: Change this to rewriteUrls: false once the relativeUrls option is removed
+    [{math: 'strict', relativeUrls: false, rootpath: 'folder (1)/'}, 'static-urls/'],
+    [{math: 'strict', compress: true}, 'compression/'],
+    [{math: 0, strictUnits: true}, 'strict-units/'],
     [{}, 'legacy/'],
-    [{strictMath: true, strictUnits: true, sourceMap: true, globalVars: true }, 'sourcemaps/',
+    [{math: 'strict', strictUnits: true, sourceMap: true, globalVars: true }, 'sourcemaps/',
         lessTester.testSourcemap, null, null,
         function(filename, type, baseFolder) {
             if (type === 'vars') {
@@ -42,13 +51,17 @@ var testMap = [
             }
             return path.join('test/sourcemaps', filename) + '.json';
         }],
-    [{strictMath: true, strictUnits: true, sourceMap: {sourceMapFileInline: true}},
+    [{math: 'strict', strictUnits: true, sourceMap: {sourceMapFileInline: true}},
         'sourcemaps-empty/', lessTester.testEmptySourcemap],
     [{globalVars: true, banner: '/**\n  * Test\n  */\n'}, 'globalVars/',
         null, null, null, function(name, type, baseFolder) { return path.join(baseFolder, name) + '.json'; }],
     [{modifyVars: true}, 'modifyVars/',
         null, null, null, function(name, type, baseFolder) { return path.join(baseFolder, name) + '.json'; }],
     [{urlArgs: '424242'}, 'url-args/'],
+    [{rewriteUrls: 'all'}, 'rewrite-urls-all/'],
+    [{rewriteUrls: 'local'}, 'rewrite-urls-local/'],
+    [{rootpath: 'http://example.com/assets/css/', rewriteUrls: 'all'}, 'rootpath-rewrite-urls-all/'],
+    [{rootpath: 'http://example.com/assets/css/', rewriteUrls: 'local'}, 'rootpath-rewrite-urls-local/'],
     [{paths: ['test/data/', 'test/less/import/']}, 'include-path/'],
     [{paths: 'test/data/'}, 'include-path-string/'],
     [{plugin: 'test/plugins/postprocess/'}, 'postProcessorPlugin/'],
@@ -62,7 +75,7 @@ testMap.forEach(function(args) {
     lessTester.runTestSet.apply(lessTester, args)
 });
 lessTester.testSyncronous({syncImport: true}, 'import');
-lessTester.testSyncronous({syncImport: true}, 'strict-math/css');
+lessTester.testSyncronous({syncImport: true}, 'math/strict-legacy/css');
 lessTester.testNoOptions();
 lessTester.testJSImport();
 lessTester.finished();

package/test/less/colors.less

@@ -96,3 +96,21 @@
   color: red(rgb(100%, 0, 0));
   border-color: rgba(100%, 0, 0, 50%);
 }
+
+#rrggbbaa {
+  test-1: #55FF5599;
+  test-2: #5F59;
+  test-3: lighten(#55FF5599, 10%);
+  test-4: fade(#5F59, 10%);
+  test-5: rgba(#55FF5599);
+  test-6: rgba(#5F59);
+  test-7: rgba(#5F59, 0.5);
+  test-8: rgba(var(--color-accent), 0.2);
+  test-9: rgb(var(--color-accent));
+  test-9: hsla(var(--color-accent));
+  test-10: color('#55FF5599');
+  test-11: hsla(#5F59);
+  test-12: hsla(#5F59, 0.5);
+  --semi-transparent-dark-background: #001e00ee;
+  --semi-transparent-dark-background-2: rgba(0, 30, 0, 238); // invalid opacity will be capped
+}

package/test/less/css-3.less

@@ -79,15 +79,6 @@ p::before {
   }
 }
 
-.units {
-  font: 1.2rem/2rem;
-  font: 8vw/9vw;
-  font: 10vh/12vh;
-  font: 12vm/15vm;
-  font: 12vmin/15vmin;
-  font: 1.2ch/1.5ch;
-}
-
 @supports ( box-shadow: 2px 2px 2px black ) or
           ( -moz-box-shadow: 2px 2px 2px black ) {
   .outline {

package/test/less/css-escapes.less

@@ -35,4 +35,8 @@ ng\:form {
 // In Bootstrap v3
 .bootstrap {
     background-color: #000 \9;
+}
+
+textarea {
+    font-family: 'helvetica neue','wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
 }

package/test/less/errors/color-func-invalid-color.txt

@@ -1,4 +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:
+ArgumentError: error evaluating function `color`: argument must be a color keyword or 3|4|6|8 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 }

package/test/less/errors/mixin-not-defined-2.less

@@ -0,0 +1,7 @@
+.non-matching-mixin(@a @b) {
+  args: @a @b;  
+}
+
+x {
+  .non-matching-mixin(x, y);
+}

package/test/less/errors/mixin-not-defined-2.txt

@@ -0,0 +1,4 @@
+RuntimeError: No matching definition was found for `.non-matching-mixin(x, y)` in {path}mixin-not-defined-2.less on line 6, column 3:
+5 x {
+6   .non-matching-mixin(x, y);
+7 }

package/test/less/functions-each.less

@@ -0,0 +1,81 @@
+@selectors: blue, green, red;
+@list: a b c d;
+
+each(@selectors, {
+  .sel-@{value} {
+    a: b;
+  }
+});
+
+.each {
+  each(@list, {
+    index+: @index;
+    item@{index}: @value;
+  });
+
+  // nested each
+  each(10px 15px, 20px 25px; { 
+    // demonstrates nesting of each()
+    each(@value; #(@v, @k, @i) {
+      nest-@{i}-@{index}: @v @k;
+    });
+  });
+
+  // nested anonymous mixin
+  .nest-anon {
+    each(a b, .(@v;@i) {
+      each(c d, .(@vv;@ii) {
+        nest-@{i}-@{ii}: @v @vv;
+      });
+    });
+  }
+
+  // vector math
+  each(1 2 3 4, {
+    padding+_: (@value * 10px);
+  });
+}
+
+@set: {
+  one: blue;
+  two: green;
+  three: red;
+}
+.set {
+  each(@set, {
+    @{key}: @value;
+  });
+}
+.set-2() {
+  one: blue;
+  two: green;
+  three: red;
+}
+.set-2 {
+  each(.set-2(), .(@v, @k, @i) {
+    @{k}-@{i}: @v;
+  });
+}
+
+.pick(@a) when (@a = 4) {
+  val3: @a;
+}
+.single {
+  each(true, {
+    val: @value;
+  });
+  @exp: 1 + 1;
+  each(@exp, {
+    val2: @value;
+  });
+  each(1 2 3 4, {
+    .pick(@value);
+  });
+}
+
+@list: a b c d;
+.box {
+  each(@list, {
+    -less-log: extract(@list, @index);
+  })
+}

package/test/less/functions.less

@@ -257,11 +257,23 @@ html {
   e: if(not(true), 5);
   @f: boolean(3 = 4);
   f: if(not(@f), 6);
-  g: if(2 > 1, 3, 5);
+  g: if(true, 3, 5);
   h: if(false, 3, 5);
   i: if(true and isnumber(6), 6, 8);
   j: if(not(true) and true, 6, 8);
   k: if(true or true, 1);
 
-  if(false, {g: 7}); /* results in void */
+  if((false), {g: 7}); /* results in void */
+
+  @conditional: if((true), {
+    color: green;
+  }, {});
+  @conditional();
+
+  @falsey: if((false), {
+    color: orange;
+  }, {
+    color: purple;
+  });
+  @falsey();
 }

package/test/less/math/parens-division/media-math.less

@@ -0,0 +1,9 @@
+@var: 16;
+
+@media (min-width: @var + 1) {
+  .foo { bar: 1; }
+}
+
+@media (min-width: @var / 9) {
+  .foo { bar: 1; }
+}