@less/test-data 3.12.2 → 4.2.0

package/css/_main/colors.css

@@ -43,14 +43,14 @@
 #grey {
   color: #c8c8c8;
 }
-#333333 {
-  color: #333333;
+#aa3333 {
+  color: #aa3333;
 }
-#808080 {
-  color: hsl(0, 0%, 50%);
+#bb8080 {
+  color: hsl(0, 30%, 62%);
 }
-#00ff00 {
-  color: hsl(120, 100%, 50%);
+#ccff00 {
+  color: hsl(72, 100%, 50%);
 }
 .lightenblue {
   color: #3333ff;

package/css/_main/colors2.css

@@ -0,0 +1,6 @@
+foo {
+  color: #0080ff;
+  color: rgba(0, 128, 255, 0.5);
+  color: hsl(198, 28%, 50%);
+  color: hsla(198, 28%, 50%, 0.5);
+}

package/css/_main/container.css

@@ -0,0 +1,148 @@
+.widget.discoverresults,
+.widget.repositoriesresults {
+  container-type: inline-size;
+}
+@container (max-width: 350px) {
+  .widget.discoverresults .cite .wdr-authors,
+  .widget.repositoriesresults .cite .wdr-authors {
+    display: none;
+  }
+}
+@container (min-width: 700px) {
+  .card h2 {
+    font-size: 2em;
+  }
+}
+@container sidebar (min-width: 700px) {
+  .card {
+    font-size: 2em;
+  }
+}
+@container (min-width: 60ch) {
+  .container:nth-child(odd) > article {
+    border: 1px solid grey;
+  }
+}
+@container size (min-width: 60ch) {
+  .article--post header {
+    grid-template-areas: "avatar name" "avatar headline";
+    align-items: start;
+  }
+  .article--post {
+    grid-template-areas: "header header" ". stats" ". content";
+    grid-auto-columns: 5rem 1fr;
+    column-gap: 1rem;
+  }
+  .article--post__title {
+    font-size: 1.75rem;
+  }
+}
+.card h2 {
+  container-type: inline-size;
+  margin: 0;
+  padding: 10px;
+}
+@container (min-width: 500px) {
+  .card h2 .card-content {
+    grid-template-columns: 1fr 2fr;
+    grid-template-rows: auto 1fr;
+    align-items: start;
+    column-gap: 20px;
+  }
+  .card h2 .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width >= 500px) and (height >= 500px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width > 760px) not (height > 670px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container not (height <= 1080px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (inline-size >= 0px) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container my-page-layout (width < 500px) or (height < 500px) and (block-size > 12em) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (aspect-ratio: 3/2) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (orientation: portrait) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container card (inline-size > 30em) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container card (inline-size > 30em) and style (--responsive: true) {
+  .card-content {
+    grid-template-columns: 1fr 2fr;
+    grid-template-rows: auto 1fr;
+    align-items: start;
+    column-gap: 20px;
+  }
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (orientation: portrait) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container my-page-layout (width < 500px) or (height < 500px) and (block-size > 12em) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}

package/css/_main/css-3.css

@@ -95,9 +95,6 @@ foo|h1 {
 foo|* {
   color: yellow;
 }
-|h1 {
-  color: red;
-}
 *|h1 {
   color: green;
 }
@@ -115,20 +112,20 @@ h1 {
 ::distributed(input::placeholder) {
   color: #b3b3b3;
 }
-.shadow ^ .dom,
-body ^^ .shadow {
+.shadow > .dom,
+body > .shadow {
   display: done;
 }
 :host(.sel .a),
 :host-context(.sel .b),
-.sel /deep/ .b,
+.sel > .b,
 ::content .sel {
   type: shadow-dom;
 }
- /deep/ b {
+* b {
   c: 'd';
 }
- /deep/ b[e] {
+* b[e] {
   f: 'g';
 }
 #issue2066 {
@@ -139,8 +136,6 @@ body ^^ .shadow {
   symbols: ‣;
   suffix: " ";
 }
-@-ms-viewport {
-}
 @unknown foo 42 (bar) {
   x {
     y: z;

package/css/_main/css-guards.css

@@ -24,7 +24,7 @@
   color: red;
   height: 1px;
 }
- + .dont-split-me-up {
+* .dont-split-me-up {
   sibling: true;
 }
 .scope-check {

package/css/_main/detached-rulesets.css

@@ -46,22 +46,22 @@ html.lt-ie9 header {
 .without-mixins {
   b: 1;
 }
-@media (orientation: portrait) and tv {
+@media (orientation: portrait) and (tv) {
   .my-selector {
     background-color: black;
   }
 }
-@media (orientation: portrait) and widescreen and print and tv {
+@media (orientation: portrait) and (widescreen) and (print) and (tv) {
   .triple-wrapped-mq {
     triple: true;
   }
 }
-@media (orientation: portrait) and widescreen and tv {
+@media (orientation: portrait) and (widescreen) and (tv) {
   .triple-wrapped-mq {
     triple: true;
   }
 }
-@media (orientation: portrait) and tv {
+@media (orientation: portrait) and (tv) {
   .triple-wrapped-mq {
     triple: true;
   }

package/css/_main/extend-chaining.css

@@ -60,7 +60,7 @@
 .vc {
   color: inherit;
 }
-@media tv {
+@media (tv) {
   .ma,
   .mb,
   .mc {
@@ -73,7 +73,7 @@
     color: inherit;
   }
 }
-@media tv and plasma {
+@media (tv) and (plasma) {
   .me,
   .mf {
     background: red;

package/css/_main/extend-media.css

@@ -2,7 +2,7 @@
 .all .ext2 {
   background: black;
 }
-@media tv {
+@media (tv) {
   .ext1 .ext3,
   .tv-lowres .ext3,
   .all .ext3 {
@@ -12,7 +12,7 @@
     background: blue;
   }
 }
-@media tv and hires {
+@media (tv) and (hires) {
   .ext1 .ext4,
   .tv-hires .ext4,
   .all .ext4 {

package/css/_main/functions.css

@@ -109,8 +109,11 @@
   min: 5;
   min: 1pt;
   min: 3mm;
+  min: min(1, 4ex, 2pt);
   max: 3;
   max: 5em;
+  max: max(5m, 3em);
+  max-native: max(10vw, 100px);
   percentage: 20%;
   color-quoted-digit: #dda0dd;
   color-quoted-keyword: #dda0dd;
@@ -139,6 +142,8 @@
   mixt: rgba(255, 0, 0, 0.5);
 }
 #built-in .is-a {
+  rules-defined: true;
+  foo-defined: false;
   ruleset: true;
   color: true;
   color1: true;
@@ -232,3 +237,12 @@ html {
   color: green;
   color: purple;
 }
+.paren-escapes {
+  list-1: 1, 2, 3;
+  length-1: 3;
+  item-1: 4;
+  item-2: 5;
+  item-3: 6;
+  list-2: 1, 2, 3;
+  list-3: 7, 8, 9;
+}

package/css/_main/impor.css

@@ -0,0 +1 @@
+@impor "impor-typo-dont-parse-as-@import.less";

package/css/_main/import-remote.css

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

package/css/_main/javascript.css

@@ -23,7 +23,7 @@
   ary1: "1, 2, 3";
 }
 .test-rule-tran {
-  1: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;
-  2: [opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear];
-  3: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;
+  one: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;
+  two: [opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear];
+  three: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;
 }

package/css/_main/media.css

@@ -53,7 +53,7 @@
     width: 500px;
   }
 }
-@media a and b {
+@media a and (b) {
   .first .second .third {
     width: 300px;
   }
@@ -61,17 +61,17 @@
     width: 3;
   }
 }
-@media a and b and c {
+@media a and (b) and (c) {
   .first .second .third {
     width: 500px;
   }
 }
-@media a, b and c {
+@media a, (b) and (c) {
   .body {
     width: 95%;
   }
 }
-@media a and x, b and c and x, a and y, b and c and y {
+@media a and (x), (b) and (c) and (x), a and (y), (b) and (c) and (y) {
   .body {
     width: 100%;
   }
@@ -211,7 +211,7 @@
     display: table-cell;
   }
 }
-@media all and tv {
+@media all and (tv) {
   .all-and-tv-variables {
     var: all-and-tv;
   }
@@ -221,3 +221,51 @@
     foo: bar;
   }
 }
+@media screen and (color), projection and (color) {
+  .selector {
+    color: #eee;
+  }
+}
+@media not (width <= -100px) {
+  body {
+    background: green;
+  }
+}
+@media (height > -100px) {
+  body {
+    background: green;
+  }
+}
+@media not (resolution: -300dpi) {
+  body {
+    background: green;
+  }
+}
+@media (example, all), speech {
+  body {
+    background: green;
+  }
+}
+@media (min-orientation: portrait) {
+  body {
+    background: green;
+  }
+}
+@media print and (min-resolution: 118dpcm) {
+  body {
+    background: green;
+  }
+}
+@media (200px <= width <= 500px) {
+  .test-range-syntax {
+    padding: 0;
+  }
+}
+.selector {
+  color: #eee;
+}
+@media (200px <= width <= 500px) {
+  .selector .test-range-syntax {
+    padding: 0;
+  }
+}

package/css/_main/mixin-noparens.css

@@ -0,0 +1,7 @@
+#theme > .mixin {
+  background-color: grey;
+}
+#container {
+  color: black;
+  background-color: grey;
+}

package/css/_main/mixins-guards-default-func.css

@@ -112,18 +112,18 @@ guard-default-multi-4 {
   always: 2;
   case: 2;
 }
-guard-default-not-ambiguos-2 {
+guard-default-not-ambiguous-2 {
   case: 1;
   not-default: 2;
 }
-guard-default-not-ambiguos-3 {
+guard-default-not-ambiguous-3 {
   case: 1;
   not-default-1: 2;
   not-default-2: 2;
 }
 guard-default-scopes-3 {
-  3: when default;
+  three: when default;
 }
 guard-default-scopes-1 {
-  1: no condition;
+  one: no condition;
 }

package/css/_main/permissive-parse.css

@@ -35,3 +35,12 @@ foo[attr="blah"] {
   --value: a /* { ; } */;
   --comment-within: ( /* okay?; comment; */ );
 }
+.test-no-trailing-semicolon {
+  --value: foo;
+}
+.test-no-trailing-semicolon2 {
+  --value: foo;
+}
+.test-no-trailing-semicolon3 {
+  --value: foo;
+}

package/css/_main/plugi.css

@@ -0,0 +1 @@
+@plugi "plugi-typo-dont-parse-as-@plugin";

package/css/_main/selectors.css

@@ -133,16 +133,31 @@ p a span {
 }
 [prop],
 [prop=10%],
-[prop="value3"],
+[prop|="value3"],
 [prop*="val3"],
 [|prop~="val3"],
 [*|prop$="val3"],
 [ns|prop^="val3"],
-[3^="val3"],
-[3=3],
-[3] {
+[p^="val3"],
+[p=3],
+[p] {
   attributes: yes;
 }
+/**
+ * https://www.w3.org/TR/selectors-4/#attribute-case
+ */
+a[href*="insensitive" i] {
+  color: cyan;
+}
+a[href*="cAsE" s] {
+  color: pink;
+}
+a[href*="less" I] {
+  background-color: silver;
+}
+a[href*="less" S] {
+  background-color: red;
+}
 /*
 Large comment means chunk will be emitted after } which means chunk will begin with whitespace...
 blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank

package/css/math/parens-division/mixins-args.css

@@ -16,11 +16,6 @@
   height: 49%;
   depth: 49%;
 }
-.no-parens {
-  width: 5px;
-  height: 49%;
-  depth: 49%;
-}
 .no-args {
   width: 5px;
   height: 49%;

package/css/math/parens-division/parens.css

@@ -1,3 +1,8 @@
+.parens-issues-3616 {
+  bar: 888 / 444;
+  bar2: 2;
+  bar3: 2;
+}
 .parens {
   border: 2px solid black;
   margin: 1px 3px 16 3;

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

@@ -16,11 +16,6 @@
   height: 49%;
   depth: 50% - 1%;
 }
-.no-parens {
-  width: 5px;
-  height: 49%;
-  depth: 50% - 1%;
-}
 .no-args {
   width: 5px;
   height: 49%;

package/css/math/strict/parens.css

@@ -1,3 +1,8 @@
+.parens-issues-3616 {
+  bar: 888 / 444;
+  bar2: 2;
+  bar3: 2;
+}
 .parens {
   border: 2px solid black;
   margin: 1px 3px 16 3;

package/css/namespacing/namespacing-8.css

@@ -0,0 +1,10 @@
+:root {
+  --background-color: black;
+  --color: #fff;
+}
+div {
+  display: inline-block;
+  padding: 1rem;
+  background-color: var(--background-color);
+  color: var(--color);
+}

package/errors/eval/color-func-invalid-color-2.txt

@@ -1,3 +1,3 @@
-RuntimeError: error evaluating function `darken`: Argument cannot be evaluated to a color in {path}color-func-invalid-color-2.less on line 2, column 14:
+RuntimeError: Error evaluating function `darken`: Argument cannot be evaluated to a color in {path}color-func-invalid-color-2.less on line 2, column 14:
 1 // https://github.com/less/less.js/issues/3338
 2 @base-color: darken(var(--baseColor, red), 50%);

package/errors/eval/color-func-invalid-color.txt

@@ -1,4 +1,4 @@
-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:
+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-rule {
 2   color: color("NOT A COLOR");
 3 }

package/errors/eval/css-guard-default-func.txt

@@ -1,4 +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:
+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;

package/errors/eval/functions-1.txt

@@ -1,3 +1,3 @@
-SyntaxError: Function 'test-undefined' is undefined in {path}functions-1.less on line 2, column 1:
+SyntaxError: Function 'test-undefined' did not return a root node in {path}functions-1.less on line 2, column 1:
 1 @plugin "../../plugin/plugin-tree-nodes";
 2 test-undefined();

package/errors/eval/functions-4-call.txt

@@ -1,3 +1,3 @@
-SyntaxError: Function 'foo' is undefined in {path}functions-4-call.less on line 2, column 1:
+SyntaxError: Function 'foo' did not return a root node in {path}functions-4-call.less on line 2, column 1:
 1 @plugin "../../plugin/plugin-tree-nodes";
 2 test-call();

package/errors/eval/mixin-not-visible-in-scope-1.less

@@ -4,6 +4,6 @@
     }
 
     & {
-        .b {.a} // was Err. before 1.6.2
+        .b {.a()} // was Err. before 1.6.2
     }
 }

package/errors/eval/mixin-not-visible-in-scope-1.txt

@@ -1,4 +1,4 @@
 NameError: .a is undefined in {path}mixin-not-visible-in-scope-1.less on line 7, column 13:
 6     & {
-7         .b {.a} // was Err. before 1.6.2
+7         .b {.a()} // was Err. before 1.6.2
 8     }

package/errors/eval/percentage-non-number-argument.txt

@@ -1,4 +1,4 @@
-ArgumentError: error evaluating function `percentage`: argument must be a number in {path}percentage-non-number-argument.less on line 2, column 15:
+ArgumentError: Error evaluating function `percentage`: argument must be a number in {path}percentage-non-number-argument.less on line 2, column 15:
 1 div {
 2   percentage: percentage(16/17);
 3 }

package/errors/eval/recursive-variable.txt

@@ -1,2 +1,2 @@
-NameError: error evaluating function `darken`: Recursive variable definition for @bodyColor in {path}recursive-variable.less on line 1, column 13:
+NameError: Error evaluating function `darken`: Recursive variable definition for @bodyColor in {path}recursive-variable.less on line 1, column 13:
 1 @bodyColor: darken(@bodyColor, 30%);

package/errors/eval/root-func-undefined-1.txt

@@ -1,2 +1,2 @@
-SyntaxError: Function 'func' is undefined in {path}root-func-undefined-1.less on line 1, column 1:
+SyntaxError: Function 'func' did not return a root node in {path}root-func-undefined-1.less on line 1, column 1:
 1 func();

package/errors/eval/root-func-undefined-2.txt

@@ -1,3 +1,3 @@
-SyntaxError: Function 'test-undefined' is undefined in {path}root-func-undefined-2.less on line 2, column 1:
+SyntaxError: Function 'test-undefined' did not return a root node in {path}root-func-undefined-2.less on line 2, column 1:
 1 @plugin "../../plugin/plugin-tree-nodes.js";
 2 test-undefined();

package/errors/eval/svg-gradient1.txt

@@ -1,4 +1,4 @@
-ArgumentError: error evaluating function `svg-gradient`: svg-gradient direction must be 'to bottom', 'to right', 'to bottom right', 'to top right' or 'ellipse at center' in {path}svg-gradient1.less on line 2, column 6:
+ArgumentError: Error evaluating function `svg-gradient`: svg-gradient direction must be 'to bottom', 'to right', 'to bottom right', 'to top right' or 'ellipse at center' in {path}svg-gradient1.less on line 2, column 6:
 1 .a {
 2   a: svg-gradient(horizontal, black, white);
 3 }

package/errors/eval/svg-gradient2.txt

@@ -1,4 +1,4 @@
-ArgumentError: error evaluating function `svg-gradient`: svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position] or direction, color list in {path}svg-gradient2.less on line 2, column 6:
+ArgumentError: Error evaluating function `svg-gradient`: svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position] or direction, color list in {path}svg-gradient2.less on line 2, column 6:
 1 .a {
 2   a: svg-gradient(to bottom, black, orange, 45%, white);
 3 }