@less/test-data 4.9.0 → 5.0.0-alpha.2

package/tests-unit/media/media.css

@@ -37,43 +37,45 @@
   .body header {
     background-color: red;
   }
-}
-@media print and (orientation: landscape) {
-  .body {
-    margin-left: 20px;
+  @media (orientation: landscape) {
+    .body {
+      margin-left: 20px;
+    }
   }
 }
 @media screen {
   .sidebar {
     width: 300px;
   }
-}
-@media screen and (orientation: landscape) {
-  .sidebar {
-    width: 500px;
-  }
-}
-@media a and (b) {
-  .first .second .third {
-    width: 300px;
-  }
-  .first .second .fourth {
-    width: 3;
+  @media (orientation: landscape) {
+    .sidebar {
+      width: 500px;
+    }
   }
 }
-@media a and (b) and (c) {
-  .first .second .third {
-    width: 500px;
+@media a {
+  @media (b) {
+    .first .second .third {
+      width: 300px;
+    }
+    @media (c) {
+      .first .second .third {
+        width: 500px;
+      }
+    }
+    .first .second .fourth {
+      width: 3;
+    }
   }
 }
 @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) {
-  .body {
-    width: 100%;
+  @media (x), (y) {
+    .body {
+      width: 100%;
+    }
   }
 }
 .a {
@@ -83,10 +85,10 @@
   .a {
     background: white;
   }
-}
-@media handheld and (max-width: 100px) {
-  .a {
-    background: red;
+  @media (max-width: 100px) {
+    .a {
+      background: red;
+    }
   }
 }
 .b {
@@ -96,10 +98,10 @@
   .b {
     background: white;
   }
-}
-@media handheld and (max-width: 200px) {
-  .b {
-    background: red;
+  @media (max-width: 200px) {
+    .b {
+      background: red;
+    }
   }
 }
 @media only screen and (max-width: 200px) {
@@ -114,7 +116,7 @@
   @page :right {
     margin: 0.5cm;
   }
-  @page Test:first {
+  @page Test :first {
     margin: 1cm;
   }
   @page :first {
@@ -169,7 +171,7 @@
     }
   }
 }
-@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) {
+@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;
   }
@@ -185,20 +187,22 @@
 @media (max-width: 1000px) {
   .body {
     background: red;
-    background: blue;
   }
-}
-@media (max-width: 1000px) and (max-width: 500px) {
+  @media (max-width: 500px) {
+    .body {
+      background: green;
+    }
+  }
   .body {
-    background: green;
+    background: blue;
   }
 }
 @media (max-width: 1200px) {
   /* a comment */
-}
-@media (max-width: 1200px) and (max-width: 900px) {
-  .body {
-    font-size: 11px;
+  @media (max-width: 900px) {
+    .body {
+      font-size: 11px;
+    }
   }
 }
 @media (min-width: 480px) {
@@ -206,17 +210,19 @@
     display: table-cell;
   }
 }
-@media (min-width: 768px) and (min-width: 480px) {
+@media (min-width: 768px) {
+@media (min-width: 480px) {
   .menu > li {
     display: table-cell;
   }
 }
+}
 @media all and (tv) {
   .all-and-tv-variables {
     var: all-and-tv;
   }
 }
-@media screen and (min-width: 61px) {
+@media screen and (min-width: (60px + 1)) {
   .selector {
     foo: bar;
   }

package/tests-unit/media/media.less

@@ -1,5 +1,3 @@
-// For now, variables can't be declared inside @media blocks.
-
 @var: 42;
 
 @media print {

package/tests-unit/media/styles.config.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+  output: {
+    collapseNesting: true
+  }
+};

package/tests-unit/merge/merge.css

@@ -22,12 +22,12 @@
   transform: scale(2, 4), scale(2, 4), scale(2, 4) !important;
 }
 .test-rule-interleaved {
-  transform: t1, t2, t3;
   background: b1, b2, b3;
+  transform: t1, t2, t3;
 }
 .test-rule-spaced {
-  transform: t1 t2 t3;
   background: b1 b2, b3;
+  transform: t1 t2 t3;
 }
 .test-rule-interleaved-with-spaced {
   transform: t1s, t2 t3s, t4 t5s t6s;

package/tests-unit/mixin-noparens/legacy/mixin-noparens.css

@@ -0,0 +1,10 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+#theme > .mixin {
+  background-color: grey;
+}
+#container {
+  color: black;
+  background-color: grey;
+}

package/tests-unit/mixin-noparens/mixin-noparens.css

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

package/tests-unit/mixin-noparens/styles.config.ts

@@ -0,0 +1,5 @@
+export default {
+  output: [
+    { file: '{name}.css', collapseNesting: false }
+  ]
+}

package/tests-unit/mixins/legacy/maps.css

@@ -0,0 +1,9 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.maps h2 {
+  width: 10px;
+}
+.maps h1 {
+  color: white;
+}

package/tests-unit/mixins/legacy/mixins.css

@@ -0,0 +1,147 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.mixin {
+  border: 1px solid black;
+}
+.mixout {
+  border-color: orange;
+}
+.borders {
+  border-style: dashed;
+}
+.mixin > * {
+  border: do not match me;
+}
+#namespace .borders {
+  border-style: dotted;
+}
+#namespace .biohazard {
+  content: "death";
+}
+#namespace .biohazard .man {
+  color: transparent;
+}
+#theme > .mixin {
+  background-color: grey;
+}
+#container {
+  color: black;
+  border: 1px solid black;
+  border-color: orange;
+  background-color: grey;
+}
+#header .milk {
+  color: inherit;
+  border: 1px solid black;
+  background-color: grey;
+}
+#header #cookie {
+  border-style: dashed;
+}
+#header #cookie .chips {
+  border-style: dotted;
+}
+#header #cookie .chips .calories {
+  color: black;
+  border: 1px solid black;
+  border-color: orange;
+  background-color: grey;
+}
+.secure-zone {
+  color: transparent;
+}
+.direct {
+  border-style: dotted;
+}
+.bo,
+.bar {
+  width: 100%;
+}
+.bo {
+  border: 1px;
+}
+.ar.bo.ca {
+  color: black;
+}
+.jo.ki {
+  background: none;
+}
+.amp.support {
+  color: orange;
+}
+.amp.support .higher {
+  top: 0px;
+}
+.amp.support.deeper {
+  height: auto;
+}
+.extended {
+  width: 100%;
+  border: 1px;
+  background: none;
+  color: orange;
+  top: 0px;
+  height: auto;
+}
+.extended .higher {
+  top: 0px;
+}
+.extended.deeper {
+  height: auto;
+}
+.do .re .mi .fa .sol .la .si {
+  color: cyan;
+}
+.mutli-selector-parents {
+  color: cyan;
+}
+.foo .bar {
+  width: 100%;
+}
+.underParents {
+  color: red;
+}
+.parent .underParents {
+  color: red;
+}
+* + h1 {
+  margin-top: 25px;
+}
+legend + h1 {
+  margin-top: 0;
+}
+h1 + * {
+  margin-top: 10px;
+}
+* + h2 {
+  margin-top: 20px;
+}
+legend + h2 {
+  margin-top: 0;
+}
+h2 + * {
+  margin-top: 8px;
+}
+* + h3 {
+  margin-top: 15px;
+}
+legend + h3 {
+  margin-top: 0;
+}
+h3 + * {
+  margin-top: 5px;
+}
+.error {
+  background-image: "/a.png";
+  background-position: center center;
+}
+.test-rule-rec .recursion {
+  color: black;
+}
+.button {
+  padding-left: 44px;
+}
+.button.large {
+  padding-left: 40em;
+}

package/tests-unit/mixins/maps.css

@@ -1,6 +1,8 @@
-.maps h2 {
-  width: 10px;
-}
-.maps h1 {
-  color: white;
+.maps {
+  h2 {
+    width: 10px;
+  }
+  h1 {
+    color: white;
+  }
 }

package/tests-unit/mixins/mixins.css

@@ -33,9 +33,6 @@
   border: 1px solid black;
   background-color: grey;
 }
-#header #cookie {
-  border-style: dashed;
-}
 #header #cookie .chips {
   border-style: dotted;
 }
@@ -45,6 +42,9 @@
   border-color: orange;
   background-color: grey;
 }
+#header #cookie {
+  border-style: dashed;
+}
 .secure-zone {
   color: transparent;
 }
@@ -78,8 +78,6 @@
   border: 1px;
   background: none;
   color: orange;
-  top: 0px;
-  height: auto;
 }
 .extended .higher {
   top: 0px;
@@ -87,6 +85,10 @@
 .extended.deeper {
   height: auto;
 }
+.extended {
+  top: 0px;
+  height: auto;
+}
 .do .re .mi .fa .sol .la .si {
   color: cyan;
 }

package/tests-unit/mixins/styles.config.ts

@@ -0,0 +1,5 @@
+export default {
+  output: [
+    { file: '{name}.css', collapseNesting: false }
+  ]
+}

package/tests-unit/mixins-closure/legacy/mixins-closure.css

@@ -0,0 +1,12 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.class {
+  width: 99px;
+}
+.overwrite {
+  width: 99px;
+}
+.nested .class {
+  width: 5px;
+}

package/tests-unit/mixins-closure/mixins-closure.css

@@ -4,6 +4,8 @@
 .overwrite {
   width: 99px;
 }
-.nested .class {
-  width: 5px;
+.nested {
+  .class {
+    width: 5px;
+  }
 }

package/tests-unit/mixins-closure/styles.config.ts

@@ -0,0 +1,5 @@
+export default {
+  output: [
+    { file: '{name}.css', collapseNesting: false }
+  ]
+}

package/tests-unit/mixins-guards/legacy/mixins-guards.css

@@ -0,0 +1,214 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.light1 {
+  color: inherit;
+  margin: 1px;
+}
+.light2 {
+  color: black;
+  margin: 1px;
+}
+.max1 {
+  width: 6;
+}
+.max2 {
+  width: 8;
+}
+.glob1 {
+  margin: auto auto;
+}
+.ops1 {
+  height: gt-or-eq;
+  height: lt-or-eq;
+  height: lt-or-eq-alias;
+}
+.ops2 {
+  height: gt-or-eq;
+  height: not-eq;
+}
+.ops3 {
+  height: lt-or-eq;
+  height: lt-or-eq-alias;
+  height: not-eq;
+}
+.default1 {
+  content: default;
+}
+.test-rule1 {
+  content: "true.";
+}
+.test-rule2 {
+  content: "false.";
+}
+.test-rule3 {
+  content: "false.";
+}
+.test-rule4 {
+  content: "false.";
+}
+.test-rule5 {
+  content: "false.";
+}
+.bool1 {
+  content: true and true;
+  content: true;
+  content: false, true;
+  content: false and true and true, true;
+  content: false, true and true;
+  content: false, false, true;
+  content: false, true and true and true, false;
+  content: not false;
+  content: not false and false, not false;
+}
+.equality-units {
+  test: pass;
+}
+.colorguardtest {
+  content: is red;
+  content: is not blue its red;
+  content: is not blue its purple;
+}
+.stringguardtest {
+  content: "theme1" is "theme1";
+  content: "theme1" is not "theme2";
+  content: "theme1" is 'theme1';
+  content: "theme1" is not 'theme2';
+  content: 'theme1' is "theme1";
+  content: 'theme1' is not "theme2";
+  content: 'theme1' is 'theme1';
+  content: 'theme1' is not 'theme2';
+  content: theme1 is not "theme2";
+  content: theme1 is not 'theme2';
+  content: theme1 is theme1;
+}
+.variouse-types-comparison {
+  /**/
+  content: true is not equal to false;
+  content: false is not equal to true too;
+  /**/
+  content: 1 is not equal to true;
+  content: true is not equal to 1 too;
+  /**/
+  content: 2 is equal to 2px;
+  content: 2px is equal to 2 too;
+  /**/
+  content: 3 is equal to 3;
+  content: 3 is equal to 3 too;
+  /**/
+  content: 5 is not equal to 4;
+  content: 4 is not equal to 5 too;
+  /**/
+  content: abc is equal to abc;
+  content: abc is equal to abc too;
+  /**/
+  content: abc is not equal to "abc";
+  content: "abc" is not equal to abc too;
+  /**/
+  content: 'abc' is less than "abd";
+  content: "abd" is greater than 'abc' too;
+  content: 'abc' is not equal to "abd";
+  content: "abd" is not equal to 'abc' too;
+  /**/
+  content: 6 is equal to 6;
+  content: 6 is equal to 6 too;
+  /**/
+  content: 8 is less than 9 too;
+  content: 9 is greater than 8;
+  content: 9 is not equal to 8;
+  content: 8 is not equal to 9 too;
+  /**/
+  content: a is not equal to b;
+  content: b is not equal to a too;
+  /**/
+  content: 1 2 is not equal to 3;
+  content: 3 is not equal to 1 2 too;
+}
+.list-comparison {
+  /**/
+  content: a b c is equal to a b c;
+  content: a b c is equal to a b c too;
+  /**/
+  content: a b c is not equal to a b d;
+  content: a b d is not equal to a b c too;
+  /**/
+  content: a, b, c is equal to a, b, c;
+  content: a, b, c is equal to a, b, c too;
+  /**/
+  content: a, b, c is not equal to a, b, d;
+  content: a, b, d is not equal to a, b, c too;
+  /**/
+  content: 1 2px 300ms is equal to 1em 2 0.3s;
+  content: 1em 2 0.3s is equal to 1 2px 300ms too;
+  /**/
+  content: 1 2 3 is not equal to 1, 2, 3;
+  content: 1, 2, 3 is not equal to 1 2 3 too;
+  /**/
+  content: 1, 2, 3 is equal to 1, 2, 3;
+  content: 1, 2, 3 is equal to 1, 2, 3 too;
+  /**/
+  content: 1 2 3 1, 2, 3 is equal to 1 2 3 1, 2, 3;
+  content: 1 2 3 1, 2, 3 is equal to 1 2 3 1, 2, 3 too;
+  /**/
+  content: 1 2 3 1, 2, 3 is not equal to 1, 2, 3 1 2 3;
+  content: 1, 2, 3 1 2 3 is not equal to 1 2 3 1, 2, 3 too;
+  /**/
+  content: 1 2 3 1, 2, 3 4 is equal to 1 2 3 1, 2, 3 4;
+  content: 1 2 3 1, 2, 3 4 is equal to 1 2 3 1, 2, 3 4 too;
+}
+#tryNumberPx {
+  catch: all;
+  declare: 4;
+  declare: 4px;
+}
+.call-lock-mixin .call-inner-lock-mixin {
+  a: 1;
+  x: 1;
+}
+.mixin-generated-class {
+  a: 1;
+}
+#guarded-caller {
+  guarded: namespace;
+  silent: namespace;
+  guarded: with default;
+}
+#guarded-deeper {
+  should: match 1;
+}
+#parenthesisNot-true {
+  parenthesisNot: just-value;
+  parenthesisNot: negated twice 1;
+  parenthesisNot: negated twice 2;
+  parenthesisNot: negated twice 3;
+}
+#parenthesisNot-false {
+  parenthesisNot: negated once inside;
+  parenthesisNot: negated once outside;
+  parenthesisNot: negated once middle;
+}
+#orderOfEvaluation-false-false-true {
+  no-parenthesis: evaluated true 1a;
+  no-parenthesis: evaluated true 1b;
+  no-parenthesis: evaluated true 1d;
+  no-parenthesis: evaluated true 3;
+  no-parenthesis: evaluated true 4;
+  with-parenthesis: evaluated true;
+}
+#orderOfEvaluation-false-false-false {
+  no-parenthesis: evaluated true 2a;
+  no-parenthesis: evaluated true 2b;
+  no-parenthesis: evaluated true 2c;
+}
+#orderOfEvaluation-true-true-false {
+  no-parenthesis: evaluated true 1a;
+  no-parenthesis: evaluated true 1b;
+  no-parenthesis: evaluated true 1c;
+  no-parenthesis: evaluated true 1d;
+  no-parenthesis: evaluated true 1e;
+  no-parenthesis: evaluated true 2a;
+  no-parenthesis: evaluated true 2b;
+  no-parenthesis: evaluated true 2c;
+  no-parenthesis: evaluated true 4;
+  with-parenthesis: evaluated true;
+}