@less/test-data 4.4.0 → 4.4.3

package/tests-unit/variables/variable-advanced.less

@@ -0,0 +1,80 @@
+// Advanced variable features not covered in existing tests
+@a: 2;
+@c: #888;
+@onePixel: 1px;
+
+.alpha {
+    @var: 42;
+    filter: alpha(opacity=@var);
+}
+
+.units-extended {
+  width: @onePixel;
+  same-unit-as-previously: (@onePixel / @onePixel);
+  square-pixel-divided: (@onePixel * @onePixel / @onePixel);
+  odd-unit: unit((@onePixel * 4em / 2cm));
+  percentage: (10 * 50%);
+  pixels: (50px * 10);
+  conversion-metric-a: (20mm + 1cm);
+  conversion-metric-b: (1cm + 20mm);
+  conversion-imperial: (1in + 72pt + 6pc);
+  custom-unit: (42octocats * 10);
+  custom-unit-cancelling: (8cats * 9dogs / 4cats);
+  mix-units: (1px + 1em);
+  invalid-units: (1px * 1px);
+  .fallback {
+    @px: 14px;
+    @em: 1.4em;
+    @cm: 10cm;
+    div-px-1: (@px / @em);
+    div-px-2: ((@px / @em) / @cm);
+    sub-px-1: (@px - @em);
+    sub-cm-1: (@cm - (@px - @em));
+    mul-px-1: (@px * @em);
+    mul-em-1: (@em * @px);
+    mul-em-2: ((@em * @px) * @cm);
+    mul-cm-1: (@cm * (@em * @px));
+    add-px-1: (@px + @em);
+    add-px-2: ((@px + @em) + @cm);
+    mul-px-2: ((1 * @px) * @cm);
+    mul-px-3: ((@px * 1) * @cm);
+  }
+}
+
+.css-custom-properties {
+	--tw-pan-x:  ;
+	--tw-pan-y:  ;
+	--tw-pinch-zoom:  ;
+	--tw-scroll-snap-strictness: proximity;
+}
+
+.variable-interpolation {
+  @a1: 1px;
+  @b2: 2px;
+  @c3: @a1 + @b2;
+
+  @radio-cls: radio;
+  @radio-cls-checked: @{radio-cls}_checked;
+
+  .@{radio-cls-checked} {
+    border-color: #fff;
+  }
+}
+
+.each-with-variables {
+  @items:
+  // Fruit
+      apple,
+      banana,
+      cherry,
+  // Vegetables
+      carrot,
+      potato,
+  ;
+
+  each(@items, {
+    div#@{value} {
+      color: blue;
+    }
+  })
+}

package/tests-unit/variables/variables.css

@@ -0,0 +1,43 @@
+.variables-basic {
+  width: 14cm;
+  height: 24px;
+  color: #888;
+  font-family: "Trebuchet MS", Verdana, sans-serif;
+  quotes: "~" "~";
+}
+.variable-dash {
+  padding: 30px 15px;
+}
+.variable-redefinition {
+  zero: 0;
+}
+.variable-scope {
+  three: 3;
+}
+.variable-important {
+  minus-one: -1;
+  font-family: 'Trebuchet', 'Trebuchet', 'Trebuchet';
+  color: #888 !important;
+  same-color: #888 !important;
+  same-again: #888 !important;
+  multi-important: #888 #888, 'Trebuchet' !important;
+  multi: something 'A', B, C, 'Trebuchet';
+}
+.variable-names-quoted {
+  name: 'hello';
+}
+.variable-names-unquoted {
+  name: 'hello';
+}
+.variable-names-color-keyword {
+  name: 'hello';
+}
+.variable-units {
+  width: 1px;
+  same-unit-as-previously: 1px;
+  square-pixel-divided: 1px;
+  odd-unit: 2;
+}
+.variable-pollution {
+  a: 'no-pollution';
+}

package/tests-unit/variables/variables.less

@@ -0,0 +1,87 @@
+@a: 2;
+@x: (@a * @a);
+@y: (@x + 1);
+@z: (@x * 2 + @y);
+@var: -1;
+@b: @a * 10;
+@c: #888;
+@fonts: "Trebuchet MS", Verdana, sans-serif;
+@f: @fonts;
+@quotes: "~" "~";
+@q: @quotes;
+@onePixel: 1px;
+
+.variables-basic {
+  width: (@z + 1cm);
+  height: (@b + @x + 0px);
+  color: @c;
+  font-family: @f;
+  quotes: @q;
+}
+
+.variable-dash {
+  @jumbotron-padding: 30px;
+  padding: @jumbotron-padding (@jumbotron-padding/2);
+}
+
+.variable-redefinition {
+  @var: 0;
+  zero: @var;
+}
+
+.variable-scope {
+  @var: 4;
+  @var: 2;
+  three: @var;
+  @var: 3;
+}
+
+.variable-important {
+  @important-var: @c !important;
+  @important-var-two: @a !important;
+  minus-one: @var;
+  @a: 'Trebuchet';
+  @multi: 'A', B, C;
+  font-family: @a, @a, @a;
+  color: @c !important;
+  same-color: @important-var;
+  same-again: @important-var !important;
+  multi-important: @important-var @important-var, @important-var-two;
+  multi: something @multi, @a;
+}
+
+.variable-names-quoted {
+  @var: 'hello';
+  @name: 'var';
+  name: @@name;
+}
+
+.variable-names-unquoted {
+  @var: 'hello';
+  @name: var;
+  name: @@name;
+}
+
+.variable-names-color-keyword {
+  @red: 'hello';
+  @name: red;
+  name: @@name;
+}
+
+.variable-units {
+  width: @onePixel;
+  same-unit-as-previously: (@onePixel / @onePixel);
+  square-pixel-divided: (@onePixel * @onePixel / @onePixel);
+  odd-unit: unit((@onePixel * 4em / 2cm));
+}
+
+.variable-pollution {
+  @a: 'no-pollution';
+  a: @a;
+}
+
+.polluteMixin() {
+  @a: 'pollution';
+}
+
+

package/{less/_main → tests-unit/variables-in-at-rules}/variables-in-at-rules.less

@@ -1,4 +1,3 @@
-
 @Eight: 8;
 @charset "UTF-@{Eight}";
 

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

@@ -1,3 +1,4 @@
+// Whitespace handling tests
 
 
 .whitespace

package/css/_main/colors.css

@@ -1,140 +0,0 @@
-#yelow #short {
-  color: #fea;
-}
-#yelow #long {
-  color: #ffeeaa;
-}
-#yelow #rgba {
-  color: rgba(255, 238, 170, 0.1);
-}
-#yelow #argb {
-  color: #1affeeaa;
-}
-#blue #short {
-  color: #00f;
-}
-#blue #long {
-  color: #0000ff;
-}
-#blue #rgba {
-  color: rgba(0, 0, 255, 0.1);
-}
-#blue #argb {
-  color: #1a0000ff;
-}
-#alpha #hsla {
-  color: hsla(11, 20%, 20%, 0.6);
-}
-#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);
-}
-#grey {
-  color: #c8c8c8;
-}
-#aa3333 {
-  color: #aa3333;
-}
-#bb8080 {
-  color: hsl(0, 30%, 62%);
-}
-#ccff00 {
-  color: hsl(72, 100%, 50%);
-}
-.lightenblue {
-  color: #3333ff;
-}
-.darkenblue {
-  color: #0000cc;
-}
-.unknowncolors {
-  color: blue2;
-  border: 2px solid superred;
-}
-.transparent {
-  color: transparent;
-  background-color: rgba(0, 0, 0, 0);
-}
-#alpha #fromvar {
-  opacity: 0.7;
-}
-#alpha #short {
-  opacity: 1;
-}
-#alpha #long {
-  opacity: 1;
-}
-#alpha #rgba {
-  opacity: 0.2;
-}
-#alpha #hsl {
-  opacity: 1;
-}
-#percentage {
-  color: 255;
-  border-color: rgba(255, 0, 0, 0.5);
-}
-#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;
-}
-.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/css/_main/variables.css

@@ -1,97 +0,0 @@
-.variables {
-  width: 14cm;
-}
-.variable-dash .q {
-  padding: 30px 15px;
-}
-.variables {
-  height: 24px;
-  color: #888;
-  font-family: "Trebuchet MS", Verdana, sans-serif;
-  quotes: "~" "~";
-}
-.redef {
-  zero: 0;
-}
-.redef .inition {
-  three: 3;
-}
-.values {
-  minus-one: -1;
-  font-family: 'Trebuchet', 'Trebuchet', 'Trebuchet';
-  color: #888 !important;
-  same-color: #888 !important;
-  same-again: #888 !important;
-  multi-important: #888 #888, 'Trebuchet' !important;
-  multi: something 'A', B, C, 'Trebuchet';
-}
-.variable-names .quoted {
-  name: 'hello';
-}
-.variable-names .unquoted {
-  name: 'hello';
-}
-.variable-names .color-keyword {
-  name: 'hello';
-}
-.alpha {
-  filter: alpha(opacity=42);
-}
-.test-rulePollution {
-  a: 'no-pollution';
-}
-.units {
-  width: 1px;
-  same-unit-as-previously: 1px;
-  square-pixel-divided: 1px;
-  odd-unit: 2;
-  percentage: 500%;
-  pixels: 500px;
-  conversion-metric-a: 30mm;
-  conversion-metric-b: 3cm;
-  conversion-imperial: 3in;
-  custom-unit: 420octocats;
-  custom-unit-cancelling: 18dogs;
-  mix-units: 2px;
-  invalid-units: 1px;
-}
-.units .fallback {
-  div-px-1: 10px;
-  div-px-2: 1px;
-  sub-px-1: 12.6px;
-  sub-cm-1: 9.666625cm;
-  mul-px-1: 19.6px;
-  mul-em-1: 19.6em;
-  mul-em-2: 196em;
-  mul-cm-1: 196cm;
-  add-px-1: 15.4px;
-  add-px-2: 393.35275591px;
-  mul-px-2: 140px;
-  mul-px-3: 140px;
-}
-*,
-::before,
-::after {
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-}
-.radio_checked {
-  border-color: #fff;
-}
-div#apple {
-  color: blue;
-}
-div#banana {
-  color: blue;
-}
-div#cherry {
-  color: blue;
-}
-div#carrot {
-  color: blue;
-}
-div#potato {
-  color: blue;
-}

package/less/_main/charsets.less

@@ -1,3 +0,0 @@
-@charset "UTF-8";
-
-@import "import/import-charset-test";

package/less/_main/colors.less

@@ -1,164 +0,0 @@
-#yelow {
-  #short {
-    color: #fea;
-  }
-  #long {
-    color: #ffeeaa;
-  }
-  #rgba {
-    color: rgba(255, 238, 170, 0.1);
-  }
-  #argb {
-    color: argb(rgba(255, 238, 170, 0.1));
-  }
-}
-
-#blue {
-  #short {
-    color: #00f;
-  }
-  #long {
-    color: #0000ff;
-  }
-  #rgba {
-    color: rgba(0, 0, 255, 0.1);
-  }
-  #argb {
-    color: argb(rgba(0, 0, 255, 0.1));
-  }
-}
-
-#alpha #hsla {
-    color: hsla(11, 20%, 20%, 0.6);
-}
-
-#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); }
-}
-
-#grey {
-  color: rgb(200, 200, 200);
-}
-
-#aa3333 {
-  color: rgb(66.66%, 20%, 20%);
-}
-
-#bb8080 {
-  color: hsl(0deg, 30%, 62%);
-}
-
-#ccff00 {
-  color: hsl(72deg, 100%, 50%);
-}
-
-.lightenblue {
-    color: lighten(blue, 10%);
-}
-
-.darkenblue {
-    color: darken(blue, 10%);
-}
-
-.unknowncolors {
-    color: blue2;
-    border: 2px solid superred;
-}
-
-.transparent {
-    color: transparent;
-    background-color: rgba(0, 0, 0, 0);
-}
-#alpha {
-    @colorvar: rgba(150, 200, 150, 0.7);
-    #fromvar {
-        opacity: alpha(@colorvar);
-    }
-    #short {
-        opacity: alpha(#aaa);
-    }
-    #long {
-        opacity: alpha(#bababa);
-    }
-    #rgba {
-        opacity: alpha(rgba(50, 120, 95, 0.2));
-    }
-    #hsl {
-        opacity: alpha(hsl(120, 100%, 50%));
-    }
-}
-
-#percentage {
-  color: red(rgb(100%, 0, 0));
-  border-color: rgba(100%, 0, 0, 50%);
-}
-
-#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
-}
-
-.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);
-}