less 3.9.0 → 3.10.1

package/test/less-bom/import-interpolation.less

@@ -1,8 +0,0 @@
-@my_theme: "test";
-
-@import "import/import-@{my_theme}-e.less";
-
-@import "import/import-@{in}@{terpolation}.less";
-
-@import "import/interpolation-vars.less";
-

package/test/less-bom/import-module.less

@@ -1,3 +0,0 @@
-@import "import-module/one/two/three/3.less";
-@import "import-module/one/two/2";
-@import "import-module/one/1.less";

package/test/less-bom/import-once.less

@@ -1,6 +0,0 @@
-@import "import/import-once-test-c";
-@import "import/import-once-test-c";
-@import "import/import-once-test-c.less";
-@import "import/deeper/import-once-test-a";
-@import (multiple) "import/import-test-f.less";
-@import (multiple) "import/import-test-f.less";

package/test/less-bom/import-reference-issues/appender-reference-1968.less

@@ -1,6 +0,0 @@
-.container-no-parent-selector {
-   .mixin-no-parent-selector();
-}
-.container-with-parent-selector {
-  .mixin-with-parent-selector()
-}

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

@@ -1,13 +0,0 @@
-.theOnlySelector {
-  avoid: warning;
-}
-.unusedAndReference:extend(.theOnlySelector) {
-    unused-and: reference;
-}
-
-@import (reference) "global-scope-nested.less";
-
-.test-b {
-  background-color: green;
-  &:extend(.test-a all);
-}

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

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

package/test/less-bom/import-reference-issues/mixin-1968.less

@@ -1,8 +0,0 @@
-.mixin-no-parent-selector() {
-  background-color: red;
-}
-.mixin-with-parent-selector() {
-  &:first-child{ //  USING AN & SELECTOR HERE
-    background-color: blue;
- }
-}

package/test/less-bom/import-reference-issues/multiple-import-nested.less

@@ -1,12 +0,0 @@
-/* double nested file */
-should {
-  be: invisible;
-}
-/* do not extend outside of this */
-.something {
-  invisible: suppress warning;
-}
-.invisible {
- &:extend(.something all);
-}
-

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

@@ -1,10 +0,0 @@
-/*
-  tralala
-*/
-.fix {
-  fix: fix;
-}
-.something {
-  @import (reference) "multiple-import-nested.less";
-  inside: something;
-}

package/test/less-bom/import-reference-issues/simple-mixin.css

@@ -1,3 +0,0 @@
-.mixin {
-  was: included;
-}

package/test/less-bom/import-reference-issues/simple-ruleset-2162.less

@@ -1,3 +0,0 @@
-ruleset {
-  shall-be-invisible: less;
-}

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

@@ -1,50 +0,0 @@
-// Tests following past issues:
-// * #1851 - Extend within (reference) imported files 
-// * #1896 - Namespace imported less code does not get properly referenced, when there's a (reference) keyword.
-// * #1878 - extend inside referenced file should not extend outside selectors
-// * #2716 - A file imported by reference and then normally - multiple imports should be independent
-// * #1968 - When using an @import (reference), mixins that contain an & selector get added to the compiled output improperly
-// * #2162 - Cannot put import by reference inside of a mixin (also doubles #1896)
-
-// #1878: extend inside referenced file should not extend outside selectors
-@import (reference) "import-reference-issues/global-scope-import.less";
-.theOnlySelector {
-  shall-have: one selector;
-}
-
-// #2716: A file imported by reference and then normally - multiple imports should be independent
-// #1878: - double nested version
-#do-not-show-import {
-  @import (reference, multiple) "import-reference-issues/multiple-import.less";
-}
-
-show-all-content {
-  @import (multiple) "import-reference-issues/multiple-import.less";
-}
-// #1896: Namespace imported less code does not get properly referenced, when there's a (reference) keyword.
-#Namespace {
-  @import (less, reference) "import-reference-issues/simple-mixin.css";
-}
-#used-namespaced-mixin {
-  #Namespace > .mixin();
-  shall-see: another property above;
-}
-
-// #1851: Extend within (reference) imported files 
-// test-b is in global-scope-import.less file
-.test-c {
-  &:extend(.test-b all);
-}
-
-// #1968: When using an @import (reference), mixins that contain an & selector get added to the compiled output improperly
-@import "import-reference-issues/mixin-1968.less";
-@import (reference) "import-reference-issues/appender-reference-1968.less";
-
-// #2162 - Cannot put import by reference inside of a mixin (also doubles #1896)
-.mixin-with-import-by-reference-inside() {
-  the-only-property: nothing-below-this;
-  @import (reference) "import-reference-issues/simple-ruleset-2162.less";
-}
-call-mixin-with-import-by-reference-inside {
-  .mixin-with-import-by-reference-inside();
-}

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

@@ -1,26 +0,0 @@
-@import (reference) url("import-once.less");
-@import (reference) url("css-3.less");
-@import (reference) url("media.less");
-@import (reference) url("import/import-reference.less");
-@import (reference) url("import/css-import.less");
-
-.b {
-  .z();
-}
-
-.zz();
-
-.visible:extend(.z all) {
-  extend: test;
-}
-
-.test-mediaq-import {
-  .mixin-with-mediaq(340px);
-}
-
-.class:extend(.class all) {
-}
-.mixin-with-nested-selectors();
-.mixin-with-directives(some-name);
-
-.print-referenced-import-inline();

package/test/less-bom/import.less

@@ -1,29 +0,0 @@
-/** comment at the top**/
-@import url(/absolute/something.css) screen and (color) and (max-width: 600px);
-
-@import (optional) "file-does-not-exist.does-not-exist";
-
-@var: 100px;
-@import url("//ha.com/file.css") (min-width:@var);
-
-#import-test {
-  .mixin;
-  width: 10px;
-  height: (@a + 10%);
-}
-@import "import/import-test-e" screen and (max-width: 600px);
-
-@import url("import/import-test-a.less");
-
-@import (less, multiple) "import/import-test-d.css" screen and (max-width: 601px);
-
-@import (multiple) "import/import-test-e" screen and (max-width: 602px);
-
-@import (less, multiple) url("import/import-test-d.css") screen and (max-width: 603px);
-
-@media print {
-  @import (multiple) "import/import-test-e";
-}
-
-@charset "UTF-8"; // climb on top #2126
-

package/test/less-bom/include-path/include-path.less

@@ -1,8 +0,0 @@
-@import "import-test-e";
-
-data-uri {
-  property: data-uri('image.svg');
-}
-image-size {
-  property: image-size('image.svg');
-}

package/test/less-bom/include-path-string/include-path-string.less

@@ -1,3 +0,0 @@
-data-uri {
-  property: data-uri('image.svg');
-}

package/test/less-bom/javascript.less

@@ -1,39 +0,0 @@
-.eval {
-    js: `42`;
-    js: `1 + 1`;
-    js: `"hello world"`;
-    js: `[1, 2, 3]`;
-    title: `typeof process.title`;
-    ternary: `(1 + 1 == 2 ? true : false)`;
-    multiline: `(function(){var x = 1 + 1;
-           return x})()`;
-}
-.scope {
-    empty: `+function(){}`;
-    @foo: 42;
-    var: `parseInt(this.foo.toJS())`;
-    escaped: ~`2 + 5 + 'px'`;
-}
-.vars {
-    @var: `4 + 4`;
-    width: @var;
-}
-.escape-interpol {
-    @world: "world";
-    width: ~`"hello" + " " + @{world}`;
-}
-.arrays {
-    @ary:  1, 2, 3;
-    @ary2: 1  2  3;
-    ary: `@{ary}.join(', ')`;
-    ary1: `@{ary2}.join(', ')`;
-}
-.transitions(...) {
-  @arg: ~`"@{arguments}".replace(/[\[\]]*/g, '')`;
-  1: @arg;              // rounded to integers
-  2: ~`"@{arguments}"`; // rounded to integers
-  3: @arguments;        // OK
-}
-.test-tran {
-  .transitions(opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;);
-}

package/test/less-bom/lazy-eval.less

@@ -1,6 +0,0 @@
-@var: @a;
-@a: 100%;
-
-.lazy-eval {
-  width: @var;
-}

package/test/less-bom/legacy/legacy.less

@@ -1,21 +0,0 @@
-@media (-o-min-device-pixel-ratio: 2) {
-  .test-math-and-units {
-    font: ignores 0/0 rules;
-    test-division: 4 / 2 + 5em;
-    simple: 1px + 1px;
-  }
-}
-#units {
-  t1: (2em/1em) + 20;
-  t2: 20 + (2em/1em);
-  t3: 2em/1em;
-  t4: (2em/1px) + 20;
-  t5: 20 + (2em/1px);
-  t6: 2em/1px;
-  t7: (2em*1em) + 20;
-  t8: 20 + (2em*1em);
-  t9: 2em*1em;
-  t10: (2em*1px) + 20;
-  t11: 20 + (2em*1px);
-  t12: 2em*1px;
-}

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

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

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

@@ -1,264 +0,0 @@
-.mixin (@a: 1px, @b: 50%) {
-  width: (@a * 5);
-  height: (@b - 1%);
-  depth: @b - 1%;
-}
-
-.mixina (@style, @width, @color: black) {
-    border: @width @style @color;
-}
-
-.mixiny
-(@a: 0, @b: 0) {
-  margin: @a;
-  padding: @b;
-}
-
-.hidden() {
-  color: transparent; // asd
-}
-
-#hidden {
-  .hidden;
-}
-
-#hidden1 {
-  .hidden();
-}
-
-.two-args {
-  color: blue;
-  .mixin(2px, 100%);
-  .mixina(dotted, 2px);
-}
-
-.one-arg {
-  .mixin(3px);
-}
-
-.no-parens {
-  .mixin;
-}
-
-.no-args {
-  .mixin();
-}
-
-.var-args {
-  @var: 9;
-  .mixin(@var, (@var * 2) / 2);
-}
-
-.multi-mix {
-  .mixin(2px, 30%);
-  .mixiny(4, 5);
-}
-
-.maxa(@arg1: 10, @arg2: #f00) {
-  padding: (@arg1 * 2px);
-  color: @arg2;
-}
-
-body {
-  .maxa(15);
-}
-
-@glob: 5;
-.global-mixin(@a:2) {
-  width: (@glob + @a);
-}
-
-.scope-mix {
-  .global-mixin(3);
-}
-
-.nested-ruleset (@width: 200px) {
-    width: @width;
-    .column { margin: @width; }
-}
-.content {
-    .nested-ruleset(600px);
-}
-
-//
-
-.same-var-name2(@radius) {
-  radius: @radius;
-}
-.same-var-name(@radius) {
-  .same-var-name2(@radius);
-}
-#same-var-name {
-  .same-var-name(5px);
-}
-
-//
-
-.var-inside () {
-    @var: 10px;
-    width: @var;
-}
-#var-inside { .var-inside; }
-
-.mixin-arguments (@width: 0px, ...) {
-    border: @arguments;
-    width: @width;
-}
-
-.arguments {
-    .mixin-arguments(1px, solid, black);
-}
-.arguments2 {
-    .mixin-arguments();
-}
-.arguments3 {
-    .mixin-arguments;
-}
-
-.mixin-arguments2 (@width, @rest...) {
-    border: @arguments;
-    rest: @rest;
-    width: @width;
-}
-.arguments4 {
-    .mixin-arguments2(0, 1, 2, 3, 4);
-}
-
-// Edge cases
-
-.edge-case {
-    .mixin-arguments("{");
-}
-
-// Division vs. Literal Slash
-.border-radius(@r: 2px/5px) {
-  border-radius: @r;
-}
-.slash-vs-math {
-  .border-radius();
-  .border-radius(5px/10px);
-  .border-radius((3px * 2));
-}
-// 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);
-}
-@a: 3px;
-.mixin-default-arg(@a: 1px, @b: @a, @c: @b) {
-  defaults: 1px 1px 1px;
-  defaults: 2px 2px 2px;
-}
-
-.test-mixin-default-arg {
-  .mixin-default-arg();
-  .mixin-default-arg(2px);
-}
-
-.mixin-comma-default1(@color; @padding; @margin: 2, 2, 2, 2) {
-  margin: @margin;
-}
-.selector {
-  .mixin-comma-default1(#33acfe; 4);
-}
-.mixin-comma-default2(@margin: 2, 2, 2, 2;) {
-  margin: @margin;
-}
-.selector2 {
-  .mixin-comma-default2();
-}
-.mixin-comma-default3(@margin: 2, 2, 2, 2) {
-  margin: @margin;
-}
-.selector3 {
-  .mixin-comma-default3(4,2,2,2);
-}
-
-.test-calling-one-arg-mixin(@a) {
-}
-
-.test-calling-one-arg-mixin(@a, @b, @rest...) {
-}
-
-div {
-  .test-calling-one-arg-mixin(1);
-}
-
-mixins-args-expand-op- {
-  @x: 1, 2, 3;
-  @y: 4  5  6;
-
-  &1 {.m3(@x...)}
-  &2 {.m3(@y...)}
-  &3 {.wr(a, b, c)}
-  &4 {.wr(a; b; c, d)}
-  &5 {.wr(@x...)}
-  &6 {.m4(0; @x...)}
-  &7 {.m4(@x..., @a: 0)}
-  &8 {.m4(@b: 1.5; @x...)}
-  &9 {.aa(@y, @x..., and again, @y...)}
-
-  .m3(@a, @b, @c) {
-    m3: @a, @b, @c;
-  }
-
-  .m4(@a, @b, @c, @d) {
-    m4: @a, @b, @c, @d;
-  }
-
-  .wr(@a...) {
-    &a {.m3(@a...)}
-    &b {.m4(0, @a...)}
-    &c {.m4(@a..., 4)}
-  }
-
-  .aa(@a...) {
-    aa: @a;
-    a4: extract(@a, 5);
-    a8: extract(@a, 8);
-  }
-}
-#test-mixin-matching-when-default-2645 {
-  .mixin(@height) {
-    height: @height;
-  }
-
-  .mixin(@width, @height: 10px) {
-    width: @width;
-
-    .mixin(@height: @height);
-  }
-
-  .mixin(@height: 20px);
-}

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

@@ -1,17 +0,0 @@
-.units {
-  font: 1.2rem/2rem;
-  font: 8vw/9vw;
-  font: 10vh/12vh;
-  font: 12vm/15vm;
-  font: 12vmin/15vmin;
-  font: 1.2ch/1.5ch;
-}
-
-.math {
-  a: 1 + 1;
-  b: 2px / 2;
-  c: 2px ./ 2;
-  d: (10px / 10px);
-  e: ((16px ./ 2) / 2) / 2;
-  f: ((16px ./ 2) / 2) ./ 2;
-}

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

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