@less/test-data 4.4.0 → 4.4.3

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

@@ -0,0 +1,48 @@
+// Modern color space function tests
+.color-oklch-sub {
+  background: oklch(from #0000FF calc(l - 0.1) c h);
+}
+
+.color-oklch-add {
+  background: oklch(from #0000FF calc(l + 0.1) c h);
+}
+
+.color-oklch-mult {
+  background: oklch(from #0000FF calc(l * 0.1) c h);
+}
+
+.color-oklch-div {
+  background: oklch(from #0000FF calc(l / 2) c h);
+}
+
+.color-hsl-sub {
+  background: hsl(from #0000FF calc(h - 1) s l);
+}
+
+.color-hsl-add {
+  background: hsl(from #0000FF calc(h + 1) s l);
+}
+
+.color-hsl-mult {
+  background: hsl(from #0000FF calc(h * 1) s l);
+}
+
+.color-hsl-div {
+  background: hsl(from #0000FF calc(h / 2) s l);
+}
+
+.color-rgb-sub {
+  background: rgb(from #0000FF calc(r - 1) g b);
+}
+
+.color-rgb-add {
+  background: rgb(from #0000FF calc(r + 1) g b);
+}
+
+.color-rgb-mult {
+  background: rgb(from #0000FF calc(r * 1) g b);
+}
+
+.color-rgb-div {
+  background: rgb(from #0000FF calc(r / 2) g b);
+}

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

@@ -0,0 +1,15 @@
+#overflow .a {
+  color: #000000;
+}
+#overflow .b {
+  color: #ffffff;
+}
+#overflow .c {
+  color: #ffffff;
+}
+#overflow .d {
+  color: #00ff00;
+}
+#overflow .e {
+  color: rgba(0, 31, 255, 0.42);
+}

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

@@ -0,0 +1,8 @@
+// Color operations tests - testing color math operations
+#overflow {
+  .a { color: (#111111 - #444444); } // #000000
+  .b { color: (#eee + #fff); } // #ffffff
+  .c { color: (#aaa * 3); } // #ffffff
+  .d { color: (#00ee00 + #009900); } // #00ff00
+  .e { color: rgba(-99.9, 31.4159, 321, 0.42); }
+}

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

@@ -0,0 +1,17 @@
+#rrggbbaa {
+  test-1: #55FF5599;
+  test-2: #5F59;
+  test-3: rgba(136, 255, 136, 0.6);
+  test-4: rgba(85, 255, 85, 0.1);
+  test-5: rgba(85, 255, 85, 0.6);
+  test-6: rgba(85, 255, 85, 0.6);
+  test-7: rgba(85, 255, 85, 0.5);
+  test-8: rgba(var(--color-accent), 0.2);
+  test-9: rgb(var(--color-accent));
+  test-9: hsla(var(--color-accent));
+  test-10: #55FF5599;
+  test-11: hsla(120, 100%, 66.66666667%, 0.6);
+  test-12: hsla(120, 100%, 66.66666667%, 0.5);
+  --semi-transparent-dark-background: #001e00ee;
+  --semi-transparent-dark-background-2: #001e00;
+}

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

@@ -0,0 +1,18 @@
+// RGBA and RRGGBBAA tests
+#rrggbbaa {
+  test-1: #55FF5599;
+  test-2: #5F59;
+  test-3: lighten(#55FF5599, 10%);
+  test-4: fade(#5F59, 10%);
+  test-5: rgba(#55FF5599);
+  test-6: rgba(#5F59);
+  test-7: rgba(#5F59, 0.5);
+  test-8: rgba(var(--color-accent), 0.2);
+  test-9: rgb(var(--color-accent));
+  test-9: hsla(var(--color-accent));
+  test-10: color('#55FF5599');
+  test-11: hsla(#5F59);
+  test-12: hsla(#5F59, 0.5);
+  --semi-transparent-dark-background: #001e00ee;
+  --semi-transparent-dark-background-2: rgba(0, 30, 0, 238); // invalid opacity will be capped
+}

package/{css/_main → tests-unit/comments}/comments.css

@@ -78,6 +78,6 @@
 /* } */
 /*by block */
 #output-block {
-  comment: /* // Not commented out // */;
+  --comment: /* // Not commented out // */;
 }
 /*comment on last line*/

package/{less/_main → tests-unit/comments}/comments.less

@@ -1,3 +1,4 @@
+// Comprehensive comment handling tests
 /******************\
 *                  *
 *  Comment Header  *
@@ -98,5 +99,5 @@
 // line immediately followed
 /*by block */
 @string_w_comment: ~"/* // Not commented out // */";
-#output-block { comment: @string_w_comment; }
-/*comment on last line*/
+#output-block { --comment: @string_w_comment; }
+/*comment on last line*/

package/{less/_main → tests-unit/comments}/comments2.less

@@ -1,3 +1,4 @@
+// Inline comments and grid system tests
 @media all and/*! */(max-width:1024px) {}
 @-webkit-keyframes hover /* Safari and Chrome */{  }
 .bg {

package/{css/_main → tests-unit/container}/container.css

@@ -204,7 +204,9 @@
       font-size: 1rem;
     }
     @media (hover: hover) {
-      font-size: 1.75rem;
+      .foo {
+        font-size: 1.75rem;
+      }
     }
   }
   .media-2 {
@@ -220,9 +222,13 @@
       font-size: 1rem;
     }
     @media (hover: hover) {
-      font-size: 1.75rem;
+      .foo {
+        font-size: 1.75rem;
+      }
       @media not all and (hover: hover) {
-        color: limegreen;
+        .foo {
+          color: limegreen;
+        }
       }
       .media-3 {
         padding: 0.5rem;
@@ -235,9 +241,30 @@
 }
 @container (min-width: 768px) {
   @media only screen and (min-width: 768px) {
-    color: aliceblue;
+    .foo {
+      color: aliceblue;
+    }
   }
   .container-1 {
     color: purple;
   }
 }
+#sticky {
+  position: sticky;
+  container-type: scroll-state;
+}
+@container scroll-state(stuck: top) {
+  #sticky-child {
+    font-size: 75%;
+  }
+}
+@container scroll-state(snapped: x) {
+  #sticky-child {
+    font-size: 75%;
+  }
+}
+@container scroll-state(scrollable: top) {
+  #sticky-child {
+    font-size: 75%;
+  }
+}

package/{less/_main → tests-unit/container}/container.less

@@ -243,7 +243,9 @@
         }
 
         @media (hover: hover) {
-            font-size: 1.75rem;
+            .foo {
+                font-size: 1.75rem;
+            }
         }
     }
 
@@ -263,10 +265,12 @@
         }
 
         @media (hover: hover) {
-            font-size: 1.75rem;
+            .foo {
+                font-size: 1.75rem;
 
-            @media not all and (hover: hover) {
-                color: limegreen;
+                @media not all and (hover: hover) {
+                    color: limegreen;
+                }
             }
 
             .media-3 {
@@ -282,10 +286,37 @@
 
 @container (min-width: 768px) {
     @media only screen and (min-width: 768px) {
-        color: aliceblue;
+        .foo {
+            color: aliceblue;
+        }
     }
 
     .container-1 {
         color: purple;
     }
 }
+
+#sticky {
+    position: sticky;
+    container-type: scroll-state;
+}
+
+@container scroll-state(stuck: top) {
+    #sticky-child {
+      font-size: 75%;
+    }
+}
+
+@container scroll-state(snapped: x) {
+    #sticky-child {
+      font-size: 75%;
+    }
+}
+
+@container scroll-state(scrollable: top) {
+    #sticky-child {
+      font-size: 75%;
+    }
+}
+
+

package/{css/_main → tests-unit/css-3}/css-3.css

@@ -1,3 +1,4 @@
+@namespace foo url(http://www.example.com);
 .comma-delimited {
   text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
   -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset, 0pt 4px 6px rgba(255, 255, 255, 0.4) inset;
@@ -17,10 +18,10 @@
 p:not([class*="lead"]) {
   color: black;
 }
-input[type="text"].class#id[attr=32]:not(1) {
+input[type="text"].class#id[attr=i32]:not(.one) {
   color: inherit;
 }
-div#id.class[a=1][b=2].class:not(1) {
+div#id.class[a=one][b=two].class:not(.one) {
   color: inherit;
 }
 ul.comma > li:not(:only-child)::after {
@@ -88,7 +89,6 @@ p::before {
 @viewport {
   font-size: 10px;
 }
-@namespace foo url(http://www.example.com);
 foo|h1 {
   color: blue;
 }
@@ -109,15 +109,15 @@ h1 {
     display: block;
   }
 }
-::distributed(input::placeholder) {
+:not(input::placeholder) {
   color: #b3b3b3;
 }
 .shadow > .dom,
 body > .shadow {
   display: done;
 }
-:host(.sel .a),
-:host-context(.sel .b),
+:host(.sel.a),
+:host-context(.sel.b),
 .sel > .b,
 ::content .sel {
   type: shadow-dom;

package/{less/_main → tests-unit/css-3}/css-3.less

@@ -1,3 +1,4 @@
+@namespace foo url(http://www.example.com);
 .comma-delimited {
   text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
   -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset,
@@ -19,11 +20,11 @@ p:not([class*="lead"]) {
   color: black;
 }
 
-input[type="text"].class#id[attr=32]:not(1) {
+input[type="text"].class#id[attr=i32]:not(.one) {
   color: inherit;
 }
 
-div#id.class[a=1][b=2].class:not(1) {
+div#id.class[a=one][b=two].class:not(.one) {
   color: inherit;
 }
 
@@ -96,7 +97,6 @@ p::before {
 @viewport {
   font-size: 10px;
 }
-@namespace foo url(http://www.example.com);
 
 foo|h1 { color: blue; }
 foo|* { color: yellow; }
@@ -110,7 +110,7 @@ h1 { color: green; }
     display: block;
   }
 }
-::distributed(input::placeholder) {
+:not(input::placeholder) {
   color: #b3b3b3;
 }
 .shadow > .dom,
@@ -118,8 +118,8 @@ body > .shadow {
   display: done;
 }
 
-:host(.sel .a),
-:host-context(.sel .b),
+:host(.sel.a),
+:host-context(.sel.b),
 .sel > .b,
 ::content .sel {
   type: shadow-dom;
@@ -150,3 +150,5 @@ body > .shadow {
 }
 
 @unknown foo 43;
+
+

package/{css/_main → tests-unit/css-escapes}/css-escapes.css

@@ -28,4 +28,4 @@ ng\:form {
 textarea {
   font-family: 'helvetica neue', 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
 }
-anything to unquote
+/* anything to unquote */

package/{less/_main → tests-unit/css-escapes}/css-escapes.less

@@ -1,3 +1,4 @@
+// CSS escapes tests
 @ugly: fuchsia;
 
 .escape\|random\|char {
@@ -41,4 +42,4 @@ textarea {
     font-family: 'helvetica neue','wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
 }
 
-e('anything to unquote');
+e('/* anything to unquote */');

package/{less/_main → tests-unit/css-grid}/css-grid.less

@@ -27,4 +27,6 @@
     "header header header"
     "content . sidebar"
     "footer footer footer";
-}
+}
+
+

package/{less/_main → tests-unit/css-guards}/css-guards.less

@@ -1,4 +1,3 @@
-
 .light when (lightness(@a) > 50%) {
   color: green;
 }
@@ -100,4 +99,6 @@
 .errors-if-called when (@c = never) {
   .mixin-doesnt-exist();
 }
-a:hover when (2 = true) {5:-}
+a:hover when (2 = true) {5:-}
+
+

package/{less/_main → tests-unit/detached-rulesets}/detached-rulesets.less

@@ -109,4 +109,6 @@ header {
 .argument-default {
   .mixin-definition();
   .mixin-definition({direct: works;}; @b: {named: works;});
-}
+}
+
+

package/{less/_main/directives-bubling.less → tests-unit/directives-bubbling/directives-bubbling.less}

@@ -49,7 +49,7 @@
   }
 }
 
-//bubling through media
+//bubbling through media
 @supports (property: value) {
   .outOfMedia & {
     @media (max-size: 2px) {
@@ -140,3 +140,4 @@ html {
   animation   : "textscale";
   font-family : something;
 }
+

package/tests-unit/empty/empty.less

@@ -0,0 +1,3 @@
+
+
+

package/tests-unit/extend/extend-clearfix.css

@@ -0,0 +1,19 @@
+.clearfix,
+.foo,
+.bar {
+  *zoom: 1;
+}
+.clearfix:after,
+.foo:after,
+.bar:after {
+  content: '';
+  display: block;
+  clear: both;
+  height: 0;
+}
+.foo {
+  color: red;
+}
+.bar {
+  color: blue;
+}

package/{less/_main → tests-unit/extend}/extend.less

@@ -1,3 +1,4 @@
+// Extend functionality tests
 .error {
   border: 1px #f00;
   background: #fdd;
@@ -78,4 +79,4 @@ div.ext5,
 }
 .cc:extend(.aa,.bb) {}
 .ee:extend(.dd all,.bb) {}
-.ff:extend(.dd,.bb all) {}
+.ff:extend(.dd,.bb all) {}

package/{less/_main → tests-unit/extend-chaining}/extend-chaining.less

@@ -88,4 +88,5 @@
   }
 }
 .mb:extend(.ma) {};
-.mc:extend(.mb) {};
+.mc:extend(.mb) {};
+

package/tests-unit/extend-clearfix/extend-clearfix.less

@@ -0,0 +1,20 @@
+.clearfix {
+  *zoom: 1;
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+    height: 0;
+  }
+}
+
+.foo {
+  &:extend(.clearfix all);
+  color: red;
+}
+
+.bar {
+  &:extend(.clearfix all);
+  color: blue;
+}
+

package/{less/_main → tests-unit/extend-exact}/extend-exact.less

@@ -44,3 +44,4 @@
   }
 }
 .dbl:extend(.e.e) {}
+

package/{less/_main → tests-unit/extend-media}/extend-media.less

@@ -21,4 +21,5 @@
 
 .all:extend(.ext1 all) {
 
-}
+}
+

package/{less/_main → tests-unit/extend-nest}/extend-nest.less

@@ -62,4 +62,5 @@
 }
 .amp-test-h {
   test: extended by masses of selectors;
-}
+}
+

package/{less/_main → tests-unit/extend-selector}/extend-selector.less

@@ -108,3 +108,4 @@ div.ext5,
         }
     }
 }
+

package/{css/_main → tests-unit/extract-and-length}/extract-and-length.css

@@ -15,7 +15,7 @@
   number-value: 12345678;
   color-value: blue;
   rgba-value: rgba(80, 160, 240, 0.67);
-  empty-value: ;
+  --empty-value: ;
   name-length: 1;
   string-length: 1;
   number-length: 1;

package/{less/_main → tests-unit/extract-and-length}/extract-and-length.less

@@ -1,4 +1,3 @@
-
 // test late parsing
 @cols: 1, 2;
 
@@ -38,7 +37,7 @@
     number-value:  extract(12345678, 1);
     color-value:   extract(blue, 1);
     rgba-value:    extract(rgba(80, 160, 240, 0.67), 1);
-    empty-value:   extract(~'', 1);
+    --empty-value:   extract(~'', 1);
 
     name-length:   length(name);
     string-length: length("string");
@@ -144,3 +143,5 @@
         extract-4: extract(@v4, 1);
     }
 }
+
+

package/{css/_main → tests-unit/functions}/functions.css

@@ -229,7 +229,7 @@ html {
   a: 1;
   b: 2;
   c: 3;
-  e: ;
+  --e: ;
   f: 6;
   g: 3;
   h: 5;

package/{less/_main → tests-unit/functions}/functions.less

@@ -263,7 +263,7 @@ html {
   b: if(not(true), 1, 2);
   @1: if(not(false), {c: 3}, {d: 4}); @1();
 
-  e: if(not(true), 5);
+  --e: if(not(true), 5);
   @f: boolean(3 = 4);
   f: if(not(@f), 6);
   g: if(true, 3, 5);

package/{less/_main → tests-unit/functions-each}/functions-each.less

@@ -160,4 +160,6 @@ div {
 
 .a {
   .mixin-create-width-style();
-}
+}
+
+

package/{less/_main → tests-unit/ie-filters}/ie-filters.less

@@ -12,4 +12,6 @@
 .evalTest1 {
   .evalTest(30);
   .evalTest(5);
-}
+}
+
+

package/{less/_main → tests-unit/import}/import/import-and-relative-paths-test.less

@@ -1,4 +1,4 @@
-@import "../css/background.css";
+@import "css/background.css";
 @import "import-test-d.css";
 
 @import "imports/logo";

package/tests-unit/import/import/import-test-e.less

@@ -0,0 +1,2 @@
+
+body { width: 100% }

package/tests-unit/import/import/imports/logo.less

@@ -0,0 +1,6 @@
+#logo {
+  width: 100px;
+  height: 100px;
+  background: url('./assets/logo.png');
+  background: url("#inline-svg");
+}

package/{css/_main → tests-unit/import}/import-interpolation.css

@@ -4,7 +4,7 @@ body {
 #logo {
   width: 100px;
   height: 100px;
-  background: url('../assets/logo.png');
+  background: url('./assets/logo.png');
   background: url("#inline-svg");
 }
 

package/{css/_main → tests-unit/import}/import-reference.css

@@ -1,7 +1,7 @@
-input[type="text"].class#id[attr=32]:not(1) {
+input[type="text"].class#id[attr=i32]:not(.one) {
   color: inherit;
 }
-div#id.class[a=1][b=2].class:not(1) {
+div#id.class[a=one][b=two].class:not(.one) {
   color: inherit;
 }
 @media print {

package/{less/_main → tests-unit/import}/import-reference.less

@@ -1,6 +1,6 @@
 @import (reference) url("import-once.less");
-@import (reference) url("css-3.less");
-@import (reference) url("media.less");
+@import (reference) url("../css-3/css-3.less");
+@import (reference) url("../media/media.less");
 @import (reference) url("import/import-reference.less");
 @import (reference) url("import/css-import.less");
 

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

@@ -0,0 +1,7 @@
+module.exports = {
+  language: {
+    less: {
+      "syncImport": true
+}
+  }
+};

package/{css/_main → tests-unit/javascript}/javascript.css

@@ -8,7 +8,7 @@
   multiline: 2;
 }
 .scope {
-  empty: ;
+  --empty: ;
   var: 42;
   escaped: 7px;
 }

package/{less/_main → tests-unit/javascript}/javascript.less

@@ -1,3 +1,4 @@
+// JavaScript evaluation tests
 .eval {
     js: `42`;
     js: `1 + 1`;
@@ -9,7 +10,7 @@
            return x})()`;
 }
 .scope {
-    empty: `+function(){}`;
+    --empty: `+function(){}`;
     @foo: 42;
     var: `parseInt(this.foo.toJS())`;
     escaped: ~`2 + 5 + 'px'`;