less 3.10.3 → 3.11.3

package/test/less/extend-chaining.less

@@ -19,7 +19,7 @@
   color: black;
 }
 .i.j:extend(.g all) {
-  color: white;
+  color: inherit;
 }
 .k:extend(.i all) {}
 
@@ -65,7 +65,7 @@
 }
 .vb {
   &:extend(.va);
-  color: white;
+  color: inherit;
 }
 .vc {
   &:extend(.vb);
@@ -78,7 +78,7 @@
     color: black;
   }
   .md {
-    color: white;
+    color: inherit;
   }
   @media plasma {
     .me, .mf {

package/test/less/extend-media.less

@@ -4,7 +4,7 @@
 
 @media tv {
   .ext1 .ext3 {
-    color: white;
+    color: inherit;
   }
   .tv-lowres :extend(.ext1 all) {
     background: blue;

package/test/less/extend-nest.less

@@ -31,7 +31,7 @@
 .button {
   color: black;
   &:hover {
-    color: white;
+    color: inherit;
   }
 }
 .submit {

package/test/less/filemanagerPlugin/filemanager.less

@@ -1,4 +1,4 @@
 @import "test.test";
-.test {
+.test-rule {
     color: @color;
 }

package/test/less/functions-each.less

@@ -110,7 +110,7 @@ each(range(10px, 30px, 10px), .(@val, @index) {
     @color: red;
   }
 }
-.test {
+.test-rule {
   each(primary secondary, .(@color-name) {
     @scheme: @color-schemes[@@color-name]; // e.g. @color-name = primary
     color: @scheme[@color];

package/test/less/import/import-reference.less

@@ -65,7 +65,7 @@
 }
 //https://github.com/less/less.js/issues/1979
 .mixin-with-nested-selectors() {
-  .test {
+  .test-rule {
     color: red;
     &:first-child {
       color: blue;

package/test/less/import/import-test-f.less

@@ -1,5 +1,5 @@
 @import "import-test-e";
 
-.test-f {
+.test-rule-f {
   height: 10px;
 }

package/test/less/import/json/index.json

@@ -0,0 +1,11 @@
+[
+  "{path}/import/import-test-a.less",
+  "{path}/import/import-test-b.less",
+  "{path}/import/deeper/url-import.less",
+  "{path}/import/urls.less",
+  "{path}/import/import-test-c.less",
+  "{path}/import/deeper/deeper-2/url-import.less",
+  "{path}/import/deeper/deeper-2/url-import-2.less",
+  "{path}/import/import-test-f.less",
+  "{path}/import/import-test-e.less"
+]

package/test/less/import/json/index.less

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

package/test/less/import-reference-issues/global-scope-import.less

@@ -7,7 +7,7 @@
 
 @import (reference) "global-scope-nested.less";
 
-.test-b {
+.test-rule-b {
   background-color: green;
-  &:extend(.test-a all);
+  &:extend(.test-rule-a all);
 }

package/test/less/import-reference-issues/global-scope-nested.less

@@ -1,3 +1,3 @@
-.test-a {
+.test-rule-a {
   color: red;
 }

package/test/less/import-reference-issues.less

@@ -32,8 +32,8 @@ show-all-content {
 
 // #1851: Extend within (reference) imported files 
 // test-b is in global-scope-import.less file
-.test-c {
-  &:extend(.test-b all);
+.test-rule-c {
+  &:extend(.test-rule-b all);
 }
 
 // #1968: When using an @import (reference), mixins that contain an & selector get added to the compiled output improperly

package/test/less/import-reference.less

@@ -14,7 +14,7 @@
   extend: test;
 }
 
-.test-mediaq-import {
+.test-rule-mediaq-import {
   .mixin-with-mediaq(340px);
 }
 

package/test/less/javascript.less

@@ -34,6 +34,6 @@
   2: ~`"@{arguments}"`; // rounded to integers
   3: @arguments;        // OK
 }
-.test-tran {
+.test-rule-tran {
   .transitions(opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;);
 }

package/test/less/legacy/legacy.less

@@ -1,5 +1,5 @@
 @media (-o-min-device-pixel-ratio: 2) {
-  .test-math-and-units {
+  .test-rule-math-and-units {
     font: ignores 0/0 rules;
     test-division: 4 / 2 + 5em;
     simple: 1px + 1px;

package/test/less/math/parens-division/mixins-args.less

@@ -181,7 +181,7 @@ body {
   defaults: 2px 2px 2px;
 }
 
-.test-mixin-default-arg {
+.test-rule-mixin-default-arg {
   .mixin-default-arg();
   .mixin-default-arg(2px);
 }
@@ -205,14 +205,14 @@ body {
   .mixin-comma-default3(4,2,2,2);
 }
 
-.test-calling-one-arg-mixin(@a) {
+.test-rule-calling-one-arg-mixin(@a) {
 }
 
-.test-calling-one-arg-mixin(@a, @b, @rest...) {
+.test-rule-calling-one-arg-mixin(@a, @b, @rest...) {
 }
 
 div {
-  .test-calling-one-arg-mixin(1);
+  .test-rule-calling-one-arg-mixin(1);
 }
 
 mixins-args-expand-op- {

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

@@ -41,6 +41,6 @@
   padding: (2px + 4px) 1em 2px 2;
 }
 
-.test-false-negatives {
+.test-rule-false-negatives {
   a: ~"(";
 }

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

@@ -181,7 +181,7 @@ body {
   defaults: 2px 2px 2px;
 }
 
-.test-mixin-default-arg {
+.test-rule-mixin-default-arg {
   .mixin-default-arg();
   .mixin-default-arg(2px);
 }
@@ -205,14 +205,14 @@ body {
   .mixin-comma-default3(4,2,2,2);
 }
 
-.test-calling-one-arg-mixin(@a) {
+.test-rule-calling-one-arg-mixin(@a) {
 }
 
-.test-calling-one-arg-mixin(@a, @b, @rest...) {
+.test-rule-calling-one-arg-mixin(@a, @b, @rest...) {
 }
 
 div {
-  .test-calling-one-arg-mixin(1);
+  .test-rule-calling-one-arg-mixin(1);
 }
 
 mixins-args-expand-op- {

package/test/less/math/strict/parens.less

@@ -41,6 +41,6 @@
   padding: (2px + 4px) 1em 2px 2;
 }
 
-.test-false-negatives {
+.test-rule-false-negatives {
   a: ~"(";
 }

package/test/less/math/strict-legacy/mixins-args.less

@@ -180,7 +180,7 @@ body {
   defaults: 2px 2px 2px;
 }
 
-.test-mixin-default-arg {
+.test-rule-mixin-default-arg {
   .mixin-default-arg();
   .mixin-default-arg(2px);
 }
@@ -204,14 +204,14 @@ body {
   .mixin-comma-default3(4,2,2,2);
 }
 
-.test-calling-one-arg-mixin(@a) {
+.test-rule-calling-one-arg-mixin(@a) {
 }
 
-.test-calling-one-arg-mixin(@a, @b, @rest...) {
+.test-rule-calling-one-arg-mixin(@a, @b, @rest...) {
 }
 
 div {
-  .test-calling-one-arg-mixin(1);
+  .test-rule-calling-one-arg-mixin(1);
 }
 
 mixins-args-expand-op- {

package/test/less/math/strict-legacy/parens.less

@@ -45,6 +45,6 @@
   padding: (2px + 4px) 1em 2px 2;
 }
 
-.test-false-negatives {
+.test-rule-false-negatives {
   a: ~"(";
 }

package/test/less/media.less

@@ -17,14 +17,14 @@
 
 @media screen {
     @base: 8;
-    body { max-width: (@base * 60); }
+    .body { max-width: (@base * 60); }
 }
 
 @ratio_large: 16;
 @ratio_small: 9;
 
 @media all and (device-aspect-ratio: ~'@{ratio_large} / @{ratio_small}') {
-   body { max-width: 800px; }
+   .body { max-width: 800px; }
 }
 
 @media all and (orientation:portrait) {
@@ -32,12 +32,12 @@
 }
 
 @media handheld and (min-width: @var), screen and (min-width: 20em) {
-    body {
+    .body {
         max-width: 480px;
     }
 }
 
-body {
+.body {
     @media print {
         padding: 20px;
 
@@ -78,7 +78,7 @@ body {
   }
 }
 
-body {
+.body {
     @media a, b and c {
         width: 95%;
 
@@ -109,7 +109,7 @@ body {
 }
 @smartphone: ~"only screen and (max-width: 200px)";
 @media @smartphone {
-  body {
+  .body {
     width: 480px;
   }
 }
@@ -191,13 +191,13 @@ body {
     }
 }
 
-body {
+.body {
     .bg();
 }
 
 @bpMedium: 1000px;
 @media (max-width: @bpMedium) {
-    body {
+    .body {
         .bg();
         background: blue;
     }
@@ -207,7 +207,7 @@ body {
   /* a comment */
 
   @media (max-width: 900px) {
-    body { font-size: 11px; }
+    .body { font-size: 11px; }
   }
 }
 

package/test/less/merge.less

@@ -20,40 +20,40 @@
   background+: url(data://img2.png);
 }
 
-.test1 {
+.test-rule1 {
   // Can merge values
   .first-transform();
   .second-transform();
 }
-.test2 {
+.test-rule2 {
   // Won't merge values without +: merge directive, for backwards compatibility with css
   .first-transform();
   .third-transform();
 }
-.test3 {
+.test-rule3 {
   // Won't merge values from two sources with different properties
   .fourth-transform();
   .first-background();
 }
-.test4 {
+.test-rule4 {
   .first-transform();
   .fifth-transform();
 }
-.test5 {
+.test-rule5 {
   .first-transform();
   .second-transform() !important;
 }
-.test6 {
+.test-rule6 {
   .second-transform();
 }
-.test7 {
+.test-rule7 {
   // inherit !important from merged subrules
   .second-transform();
   .second-transform() !important;
   .second-transform();
 }
 
-.test-interleaved {
+.test-rule-interleaved {
     transform+:  t1;
     background+: b1;
     transform+:  t2;
@@ -61,7 +61,7 @@
     transform+:  t3;
 }
 
-.test-spaced {
+.test-rule-spaced {
     transform+_:  t1;
     background+_: b1;
     transform+_:  t2;
@@ -69,7 +69,7 @@
     transform+_:  t3;
 }
 
-.test-interleaved-with-spaced {
+.test-rule-interleaved-with-spaced {
     transform+_:  t1s;
     transform+:   t2;
     background+:  b1;

package/test/less/mixins-guards.less

@@ -2,7 +2,7 @@
 // Stacking, functions..
 
 .light (@a) when (lightness(@a) > 50%) {
-  color: white;
+  color: inherit;
 }
 .light (@a) when (lightness(@a) < 50%) {
   color: black;
@@ -63,18 +63,18 @@
 .default1 { .default }
 
 // true & false keywords
-.test (@a) when (@a) {
+.test-rule (@a) when (@a) {
     content: "true.";
 }
-.test (@a) when not (@a) {
+.test-rule (@a) when not (@a) {
     content: "false.";
 }
 
-.test1 { .test(true) }
-.test2 { .test(false) }
-.test3 { .test(1) }
-.test4 { .test(boo) }
-.test5 { .test("true") }
+.test-rule1 { .test-rule(true) }
+.test-rule2 { .test-rule(false) }
+.test-rule3 { .test-rule(1) }
+.test-rule4 { .test-rule(boo) }
+.test-rule5 { .test-rule("true") }
 
 // Boolean expressions
 

package/test/less/mixins-important.less

@@ -35,7 +35,7 @@
 .when-calling-nested-with-param-issue-2394 {
   .size(10px) !important;
 }
-.testMixin-2421 () {
+.test-ruleMixin-2421 () {
     .topCheck-2421 () {
         .nestedCheck-2421() {
             margin: 5px;
@@ -45,9 +45,9 @@
     .topCheck-2421();
 }
 .class1-2421 {
-    .testMixin-2421() !important;
+    .test-ruleMixin-2421() !important;
 }
 .class2-2421 {
-    .testMixin-2421();
+    .test-ruleMixin-2421();
 }
 

package/test/less/mixins.less

@@ -28,7 +28,7 @@
 
 #header {
   .milk {
-    color: white;
+    color: inherit;
     .mixin;
     #theme > .mixin;
   }
@@ -119,7 +119,7 @@ h3 { .margin_between(15px, 5px); }
 .recursion() {
   color: black;
 }
-.test-rec {
+.test-rule-rec {
   .recursion {
     .recursion();
   }

package/test/less/namespacing/namespacing-3.less

@@ -2,7 +2,7 @@
   @width: 400px;
   @colors: {
     toolbar-background: red;
-    toolbar-foreground: white;
+    toolbar-foreground: inherit;
   }
 };
 
@@ -25,4 +25,27 @@
     background: @map[@colors][toolbar-background];
     color: @map[@colors][toolbar-foreground];
   }
-}
+}
+
+// !important after map usage
+// https://github.com/less/less.js/issues/3430
+@margins: {
+    zero: 0;
+    ten: 10px;
+}
+.cell {
+  margin: @margins[zero] @margins[ten]/2 !important;
+}
+
+.mixin(@color: black; @margin: 10px; @padding: 20px) {
+  color: @color;
+  margin: @margin;
+  padding: @padding;
+  width: @margins[zero] !important
+}
+.class1 {
+  .mixin(@margin: 20px; @color: #33acfe) !important;
+}
+.class2 {
+  .mixin(#efca44; @padding: 40px 10px);
+}

package/test/less/namespacing/namespacing-4.less

@@ -12,7 +12,7 @@
   .core() {
     .colors() {
       primary: blue;
-      foreground: white;
+      foreground: inherit;
     }
   }
 }

package/test/less/namespacing/namespacing-5.less

@@ -8,7 +8,7 @@
     primary: black;
     secondary: grey;
   }
-  .test() {
+  .test-rule() {
     val: output;
   }
 }
@@ -16,7 +16,7 @@
 .my-navbar {
   #theme.dark.navbar();
   background: .colors[primary];
-  .test();
+  .test-rule();
 }
 
 .another-navbar {

package/test/less/namespacing/namespacing-functions.less

@@ -8,4 +8,30 @@
 
 @return: {
   single: val;
+}
+
+// Issue #3405
+#lookup {
+  @prop: test;
+}
+
+.mix (@var) {
+  width: @var;
+}
+
+.bar {
+  .mix(#lookup[@prop]);
+}
+
+// Issue #3406
+.mix2 (@n) {
+  value: @n;
+}
+#lookup2 {
+  @var: .mix2(lookup);
+}
+.example {
+  // #lookup[@var](); -- fails, need the following alias
+  @dr: #lookup2[@var];
+  @dr();
 }

package/test/less/no-strict-math/mixins-guards.less

@@ -1,8 +1,8 @@
 // https://github.com/less/less.js/issues/2798
-.test-2798 when ((8+4) < 13) { 
+.test-rule-2798 when ((8+4) < 13) { 
   regression: fixed; 
 }
-.test-2798 when ((8+6) < 13) { 
+.test-rule-2798 when ((8+6) < 13) { 
   regression: should not be visible; 
 }
 .conditions-parser-1 when (8+4 < 13) {

package/test/less/permissive-parse.less

@@ -44,7 +44,7 @@
   }
 }
 // @todo - fix comment absorption after property
-.test-comment {
+.test-rule-comment {
   --value: a/* { ; } */;
   --comment-within: ( /* okay?; comment; */ );
 }

package/test/less/plugin.less

@@ -57,7 +57,7 @@
 
 // `test-global` function should propagate into directive scope
 @media screen {
-  .test {
+  .test-rule {
     result : test-global();
   }
 }
@@ -68,13 +68,13 @@
 // `test-global` function should propagate into nested directive scopes
 @media screen and (min-width:100px) {
   @media (max-width:400px) {
-		.test {
+		.test-rule {
 			result : test-global();
 		}
 	}
 }
 
-.test {
+.test-rule {
   @media screen {
     @plugin "./plugin/plugin-local";
     result : test-local();
@@ -86,29 +86,29 @@
 .root {
   @ruleset2();
 }
-.test-empty {
+.test-rule-empty {
   val1: foo;
   test-collapse();
   val2: foo;
 }
-.test-simple {
+.test-rule-simple {
   @plugin "./plugin/plugin-simple";
   value: pi-anon();
   value: (pi() * 2);
 }
-.test-conflicts {
+.test-rule-conflicts {
   @plugin "./plugin/plugin-scope1";
   value: foo();
 }
-.test-conflicts {
+.test-rule-conflicts {
   @plugin "./plugin/plugin-scope2";
   value: foo();
 }
-.test-conflicts {
+.test-rule-conflicts {
   @plugin "./plugin/plugin-scope1";
   value: foo();
 }
-.test-collection {
+.test-rule-collection {
   @plugin "./plugin/plugin-collection";
   @var: 32;
   store(@var);

package/test/less/postProcessorPlugin/postProcessor.less

@@ -1,4 +1,4 @@
-@color: white;
-.test {
+@color: inherit;
+.test-rule {
     color: @color;
 }

package/test/less/preProcessorPlugin/preProcessor.less

@@ -1,3 +1,3 @@
-.test {
+.test-rule {
     color: @color;
 }