@less/test-data 4.6.4 → 4.6.6

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "4.6.4",
+	"version": "4.6.6",
 	"description": "Less files and CSS results",
 	"author": "Alexis Sellier <self@cloudhead.net>",
 	"contributors": [

package/tests-config/debug/all/linenumbers-all.css

@@ -47,3 +47,13 @@
   color: red;
   width: 2;
 }
+@supports (display: grid) {
+  .supports-rule {
+    color: green;
+  }
+  /* line 38, {path}linenumbers.less */
+  @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000338}}
+  .supports-rule .nested-supports {
+    color: blue;
+  }
+}

package/tests-config/debug/comments/linenumbers-comments.css

@@ -38,3 +38,12 @@
   color: red;
   width: 2;
 }
+@supports (display: grid) {
+  .supports-rule {
+    color: green;
+  }
+  /* line 38, {path}linenumbers.less */
+  .supports-rule .nested-supports {
+    color: blue;
+  }
+}

package/tests-config/debug/linenumbers.less

@@ -30,4 +30,13 @@
       width: 2;
     }
   }
+}
+
+.supports-rule {
+  @supports (display: grid) {
+    color: green;
+    .nested-supports {
+      color: blue;
+    }
+  }
 }

package/tests-config/debug/mediaquery/linenumbers-mediaquery.css

@@ -38,3 +38,12 @@
   color: red;
   width: 2;
 }
+@supports (display: grid) {
+  .supports-rule {
+    color: green;
+  }
+  @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000338}}
+  .supports-rule .nested-supports {
+    color: blue;
+  }
+}

package/tests-unit/color-functions/modern.css

@@ -34,3 +34,9 @@
 .color-rgb-div {
   background: rgb(from #0000FF calc(r / 2) g b);
 }
+.color-rgb-sub-right-operand {
+  background: rgb(from blue calc(100 - r) g b);
+}
+.color-rgb-add-left-operand {
+  background: rgb(from blue calc(r + 100) g b);
+}

package/tests-unit/color-functions/modern.less

@@ -46,3 +46,11 @@
 .color-rgb-div {
   background: rgb(from #0000FF calc(r / 2) g b);
 }
+
+.color-rgb-sub-right-operand {
+  background: rgb(from blue calc(100 - r) g b);
+}
+
+.color-rgb-add-left-operand {
+  background: rgb(from blue calc(r + 100) g b);
+}

package/tests-unit/container/container.css

@@ -130,6 +130,46 @@
     margin: 0.5em 0 0 0;
   }
 }
+@container card (width > 400px), style(--responsive: true), scroll-state(stuck: top) {
+  h2 {
+    font-size: 1.5em;
+  }
+}
+@container style(--theme) {
+  .style-query {
+    color: red;
+  }
+}
+@container style((--theme: one) or (--theme: two)) {
+  .style-query-list {
+    color: blue;
+  }
+}
+@container contactBody (min-width: 1300px) {
+  .named-container {
+    width: 25%;
+  }
+}
+@container _body (min-width: 1300px) {
+  .underscored-container {
+    width: 25%;
+  }
+}
+@container --body (min-width: 1300px) {
+  .custom-ident-container {
+    width: 25%;
+  }
+}
+@container contact\.body (min-width: 1300px) {
+  .escaped-container {
+    width: 25%;
+  }
+}
+@container café (min-width: 1300px) {
+  .nonascii-container {
+    width: 25%;
+  }
+}
 @container (width < 500px) or (height < 500px) and (orientation: portrait) {
   .card-content p {
     padding: 0;
@@ -268,8 +308,31 @@
     font-size: 75%;
   }
 }
+@container sidebar (min-width: 400px), scroll-state(stuck: top) {
+  #sticky-child {
+    font-size: 80%;
+  }
+}
 @container foo (min-width: 400px) {
   #sticky-child {
     font-size: 75%;
   }
 }
+.mixin-container-test {
+  color: red;
+}
+@container name (width < 125px) {
+  .mixin-container-test {
+    display: none;
+  }
+}
+@container sidebar (width < 500px) {
+  .sidebar-test {
+    display: none;
+  }
+}
+@container header (width < 800px) {
+  .header-test {
+    display: none;
+  }
+}

package/tests-unit/container/container.less

@@ -159,6 +159,54 @@
     }
 }
 
+@container card (width > 400px), style(--responsive: true), scroll-state(stuck: top) {
+    h2 {
+        font-size: 1.5em;
+    }
+}
+
+@container style(--theme) {
+    .style-query {
+        color: red;
+    }
+}
+
+@container style((--theme: one) or (--theme: two)) {
+    .style-query-list {
+        color: blue;
+    }
+}
+
+@container contactBody (min-width: 1300px) {
+    .named-container {
+        width: 25%;
+    }
+}
+
+@container _body (min-width: 1300px) {
+    .underscored-container {
+        width: 25%;
+    }
+}
+
+@container --body (min-width: 1300px) {
+    .custom-ident-container {
+        width: 25%;
+    }
+}
+
+@container contact\.body (min-width: 1300px) {
+    .escaped-container {
+        width: 25%;
+    }
+}
+
+@container café (min-width: 1300px) {
+    .nonascii-container {
+        width: 25%;
+    }
+}
+
 @container ( width < 500px ) or (height<500px) and (orientation: portrait) {
     .card-content p {
         padding: 0;
@@ -319,6 +367,12 @@
     }
 }
 
+@container sidebar (min-width: 400px), scroll-state(stuck: top) {
+    #sticky-child {
+      font-size: 80%;
+    }
+}
+
 @varfoo: foo;
 @threshold: 400px;
 @container @varfoo (min-width: @threshold) {
@@ -326,3 +380,27 @@
       font-size: 75%;
     }
 }
+
+// Regression test: mixin with variable container name and variable query condition
+// Issue: mixins with parameters using @container @name (condition < @var) failed
+// with "variable @bp is undefined" error in older versions
+@issue-width: 125px;
+
+.container-query-mixin(@container-name; @bp) {
+    @container @container-name (width < @bp) {
+        display: none;
+    }
+}
+
+.mixin-container-test {
+    .container-query-mixin(name, @issue-width);
+    color: red;
+}
+
+// Verify multiple calls with different params produce correct output
+.sidebar-test {
+    .container-query-mixin(sidebar, 500px);
+}
+.header-test {
+    .container-query-mixin(header, 800px);
+}

package/tests-unit/functions/functions.css

@@ -224,6 +224,8 @@ html {
   a: true;
   b: false;
   c: false;
+  d: true;
+  e: false;
 }
 #if {
   a: 1;
@@ -236,6 +238,8 @@ html {
   i: 6;
   j: 8;
   k: 1;
+  m: 1;
+  n: 2;
   l: black;
   /* results in void */
   color: green;

package/tests-unit/functions/functions.less

@@ -256,6 +256,9 @@ html {
   a: boolean(not(2 < 1));
   b: boolean(not(2 > 1) and (true));
   c: boolean(not(boolean(true)));
+  // not without parentheses (should behave the same as with parentheses)
+  d: boolean(not false);
+  e: boolean(not true);
 }
 
 #if {
@@ -271,6 +274,9 @@ html {
   i: if(true and isnumber(6), 6, 8);
   j: if(not(true) and true, 6, 8);
   k: if(true or true, 1);
+  // not without parentheses
+  m: if(not false, 1, 2);
+  n: if(not true, 1, 2);
 
   // see: https://github.com/less/less.js/issues/3371
   @some: foo;

package/tests-unit/media/media.css

@@ -274,3 +274,8 @@
     color: red;
   }
 }
+@media ((color) and (hover)), all {
+  body {
+    background: green;
+  }
+}

package/tests-unit/media/media.less

@@ -302,3 +302,9 @@
         color: red;
     }
 }
+
+@media ((color) and (hover)), all {
+  body {
+    background: green;
+  }
+}

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

@@ -209,3 +209,9 @@
   no-parenthesis: evaluated true 4;
   with-parenthesis: evaluated true;
 }
+.test-not-noparens1 {
+  content: "not without parens true.";
+}
+.test-not-noparens2 {
+  content: "not without parens false.";
+}

package/tests-unit/mixins-guards/mixins-guards.less

@@ -356,3 +356,14 @@
   .orderOfEvaluation(true, true, false);
 }
 
+// not without parentheses should work the same as not with parentheses
+.test-not-noparens (@a) when not @a {
+    content: "not without parens false.";
+}
+.test-not-noparens (@a) when (@a) {
+    content: "not without parens true.";
+}
+
+.test-not-noparens1 { .test-not-noparens(true) }
+.test-not-noparens2 { .test-not-noparens(false) }
+