less 2.2.2 → 2.6.0

data/lib/less/js/test/css/extend-nest.css

@@ -0,0 +1,57 @@
+.sidebar,
+.sidebar2,
+.type1 .sidebar3,
+.type2.sidebar4 {
+  width: 300px;
+  background: red;
+}
+.sidebar .box,
+.sidebar2 .box,
+.type1 .sidebar3 .box,
+.type2.sidebar4 .box {
+  background: #FFF;
+  border: 1px solid #000;
+  margin: 10px 0;
+}
+.sidebar2 {
+  background: blue;
+}
+.type1 .sidebar3 {
+  background: green;
+}
+.type2.sidebar4 {
+  background: red;
+}
+.button,
+.submit {
+  color: black;
+}
+.button:hover,
+.submit:hover {
+  color: white;
+}
+.button2 :hover {
+  nested: white;
+}
+.button2 :hover {
+  notnested: black;
+}
+.amp-test-h,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
+.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g {
+  test: extended by masses of selectors;
+}

data/lib/less/js/test/css/extend-selector.css

@@ -0,0 +1,80 @@
+.error,
+.badError {
+  border: 1px #f00;
+  background: #fdd;
+}
+.error.intrusion,
+.badError.intrusion {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+.intrusion .error,
+.intrusion .badError {
+  display: none;
+}
+.badError {
+  border-width: 3px;
+}
+.foo .bar,
+.foo .baz,
+.ext1 .ext2 .bar,
+.ext1 .ext2 .baz,
+.ext3 .bar,
+.ext3 .baz,
+.ext4 .bar,
+.ext4 .baz {
+  display: none;
+}
+div.ext5,
+.ext6 > .ext5,
+div.ext7,
+.ext6 > .ext7 {
+  width: 100px;
+}
+.ext,
+.a .c,
+.b .c {
+  test: 1;
+}
+.a,
+.b {
+  test: 2;
+}
+.a .c,
+.b .c {
+  test: 3;
+}
+.a .c .d,
+.b .c .d {
+  test: 4;
+}
+.replace.replace .replace,
+.c.replace + .replace .replace,
+.replace.replace .c,
+.c.replace + .replace .c,
+.rep_ace.rep_ace .rep_ace,
+.c.rep_ace + .rep_ace .rep_ace,
+.rep_ace.rep_ace .c,
+.c.rep_ace + .rep_ace .c {
+  prop: copy-paste-replace;
+}
+.attributes [data="test"],
+.attributes .attributes .attribute-test {
+  extend: attributes;
+}
+.attributes [data],
+.attributes .attributes .attribute-test2 {
+  extend: attributes2;
+}
+.attributes [data="test3"],
+.attributes .attributes .attribute-test {
+  extend: attributes2;
+}
+.header .header-nav,
+.footer .footer-nav {
+  background: red;
+}
+.header .header-nav:before,
+.footer .footer-nav:before {
+  background: blue;
+}

data/lib/less/js/test/css/extend.css

@@ -0,0 +1,76 @@
+.error,
+.badError {
+  border: 1px #f00;
+  background: #fdd;
+}
+.error.intrusion,
+.badError.intrusion {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+.intrusion .error,
+.intrusion .badError {
+  display: none;
+}
+.badError {
+  border-width: 3px;
+}
+.foo .bar,
+.foo .baz,
+.ext1 .ext2 .bar,
+.ext1 .ext2 .baz,
+.ext3 .bar,
+.ext3 .baz,
+.foo .ext3,
+.ext4 .bar,
+.ext4 .baz,
+.foo .ext4 {
+  display: none;
+}
+div.ext5,
+.ext6 > .ext5,
+div.ext7,
+.ext6 > .ext7 {
+  width: 100px;
+}
+.ext8.ext9,
+.fuu {
+  result: add-foo;
+}
+.ext8 .ext9,
+.ext8 + .ext9,
+.ext8 > .ext9,
+.buu,
+.zap,
+.zoo {
+  result: bar-matched;
+}
+.ext8.nomatch {
+  result: none;
+}
+.ext8 .ext9,
+.buu {
+  result: match-nested-bar;
+}
+.ext8.ext9,
+.fuu {
+  result: match-nested-foo;
+}
+.aa,
+.cc {
+  color: black;
+}
+.aa .dd,
+.aa .ee {
+  background: red;
+}
+.bb,
+.cc,
+.ee,
+.ff {
+  background: red;
+}
+.bb .bb,
+.ff .ff {
+  color: black;
+}

data/lib/less/js/test/css/extract-and-length.css

@@ -0,0 +1,133 @@
+.multiunit {
+  length: 6;
+  extract: abc "abc" 1 1px 1% #112233;
+}
+.incorrect-index {
+  v1: extract(a b c, 5);
+  v2: extract(a, b, c, -2);
+}
+.scalar {
+  var-value: variable;
+  var-length: 1;
+  ill-index: extract(variable, 2);
+  name-value: name;
+  string-value: "string";
+  number-value: 12345678;
+  color-value: #0000ff;
+  rgba-value: rgba(80, 160, 240, 0.67);
+  empty-value: ;
+  name-length: 1;
+  string-length: 1;
+  number-length: 1;
+  color-length: 1;
+  rgba-length: 1;
+  empty-length: 1;
+}
+.mixin-arguments-1 {
+  length: 4;
+  extract: c | b | a;
+}
+.mixin-arguments-2 {
+  length: 4;
+  extract: c | b | a;
+}
+.mixin-arguments-3 {
+  length: 4;
+  extract: c | b | a;
+}
+.mixin-arguments-4 {
+  length: 0;
+  extract: extract(, 2) | extract(, 1);
+}
+.mixin-arguments-2 {
+  length: 4;
+  extract: c | b | a;
+}
+.mixin-arguments-3 {
+  length: 4;
+  extract: c | b | a;
+}
+.mixin-arguments-4 {
+  length: 3;
+  extract: c | b;
+}
+.mixin-arguments-2 {
+  length: 4;
+  extract: 3 | 2 | 1;
+}
+.mixin-arguments-3 {
+  length: 4;
+  extract: 3 | 2 | 1;
+}
+.mixin-arguments-4 {
+  length: 3;
+  extract: 3 | 2;
+}
+.md-space-comma {
+  length-1: 3;
+  extract-1: 1 2 3;
+  length-2: 3;
+  extract-2: 2;
+}
+.md-space-comma-as-args-2 {
+  length: 3;
+  extract: "x" "y" "z" | 1 2 3 | a b c;
+}
+.md-space-comma-as-args-3 {
+  length: 3;
+  extract: "x" "y" "z" | 1 2 3 | a b c;
+}
+.md-space-comma-as-args-4 {
+  length: 2;
+  extract: "x" "y" "z" | 1 2 3;
+}
+.md-cat-space-comma {
+  length-1: 3;
+  extract-1: 1 2 3;
+  length-2: 3;
+  extract-2: 2;
+}
+.md-cat-space-comma-as-args-2 {
+  length: 3;
+  extract: "x" "y" "z" | 1 2 3 | a b c;
+}
+.md-cat-space-comma-as-args-3 {
+  length: 3;
+  extract: "x" "y" "z" | 1 2 3 | a b c;
+}
+.md-cat-space-comma-as-args-4 {
+  length: 2;
+  extract: "x" "y" "z" | 1 2 3;
+}
+.md-cat-comma-space {
+  length-1: 3;
+  extract-1: 1, 2, 3;
+  length-2: 3;
+  extract-2: 2;
+}
+.md-cat-comma-space-as-args-1 {
+  length: 3;
+  extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
+}
+.md-cat-comma-space-as-args-2 {
+  length: 3;
+  extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
+}
+.md-cat-comma-space-as-args-3 {
+  length: 3;
+  extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
+}
+.md-cat-comma-space-as-args-4 {
+  length: 0;
+  extract: extract(, 2) | extract(, 1);
+}
+.md-3D {
+  length-1: 2;
+  extract-1: a b c d, 1 2 3 4;
+  length-2: 2;
+  extract-2: 5 6 7 8;
+  length-3: 4;
+  extract-3: 7;
+  length-4: 1;
+  extract-4: 8;
+}

data/lib/less/js/test/css/functions.css

@@ -4,6 +4,7 @@
   height: undefined("self");
   border-width: 5;
   variable: 11;
+  background: linear-gradient(#000000, #ffffff);
 }
 #built-in {
   escaped: -Some::weird(#thing, y);
@@ -12,32 +13,146 @@
   saturate: #203c31;
   desaturate: #29332f;
   greyscale: #2e2e2e;
+  hsl-clamp: #ffffff;
   spin-p: #bf6a40;
   spin-n: #bf4055;
+  luma-white: 100%;
+  luma-black: 0%;
+  luma-black-alpha: 0%;
+  luma-red: 21%;
+  luma-green: 72%;
+  luma-blue: 7%;
+  luma-yellow: 93%;
+  luma-cyan: 79%;
+  luma-differs-from-luminance: 24%;
+  luminance-white: 100%;
+  luminance-black: 0%;
+  luminance-black-alpha: 0%;
+  luminance-red: 21%;
+  luminance-differs-from-luma: 36%;
+  contrast-filter: contrast(30%);
+  saturate-filter: saturate(5%);
+  contrast-white: #000000;
+  contrast-black: #ffffff;
+  contrast-red: #ffffff;
+  contrast-green: #000000;
+  contrast-blue: #ffffff;
+  contrast-yellow: #000000;
+  contrast-cyan: #000000;
+  contrast-light: #111111;
+  contrast-dark: #eeeeee;
+  contrast-wrongorder: #111111;
+  contrast-light-thresh: #111111;
+  contrast-dark-thresh: #eeeeee;
+  contrast-high-thresh: #eeeeee;
+  contrast-low-thresh: #111111;
+  contrast-light-thresh-per: #111111;
+  contrast-dark-thresh-per: #eeeeee;
+  contrast-high-thresh-per: #eeeeee;
+  contrast-low-thresh-per: #111111;
+  replace: "Hello, World!";
+  replace-captured: "This is a new string.";
+  replace-with-flags: "2 + 2 = 4";
+  replace-single-quoted: 'foo-2';
+  replace-escaped-string: bar-2;
+  replace-keyword: baz-2;
   format: "rgb(32, 128, 64)";
   format-string: "hello world";
   format-multiple: "hello earth 2";
   format-url-encode: "red is %23ff0000";
+  format-single-quoted: 'hello single world';
+  format-escaped-string: hello escaped world;
   eformat: rgb(32, 128, 64);
+  unitless: 12;
+  unit: 14em;
+  unitpercentage: 100%;
+  get-unit: px;
+  get-unit-empty: ;
   hue: 98;
   saturation: 12%;
   lightness: 95%;
+  hsvhue: 98;
+  hsvsaturation: 12%;
+  hsvvalue: 95%;
+  red: 255;
+  green: 255;
+  blue: 255;
   rounded: 11;
+  rounded-two: 10.67;
   roundedpx: 3px;
+  roundedpx-three: 3.333px;
+  rounded-percentage: 10%;
+  ceil: 11px;
+  floor: 12px;
+  sqrt: 5px;
+  pi: 3.14159265;
+  mod: 2m;
+  abs: 4%;
+  tan: 0.90040404;
+  sin: 0.17364818;
+  cos: 0.84385396;
+  atan: 0.1rad;
+  atan: 34deg;
+  atan: 45deg;
+  pow: 64px;
+  pow: 64;
+  pow: 27;
+  min: 0;
+  min: 5;
+  min: 1pt;
+  min: 3mm;
+  max: 3;
+  max: 5em;
   percentage: 20%;
   color: #ff0011;
+  tint: #898989;
+  tint-full: #ffffff;
+  tint-percent: #898989;
+  tint-negative: #656565;
+  shade: #686868;
+  shade-full: #000000;
+  shade-percent: #686868;
+  shade-negative: #868686;
+  fade-out: rgba(255, 0, 0, 0.95);
+  fade-in: rgba(255, 0, 0, 0.95);
+  hsv: #4d2926;
+  hsva: rgba(77, 40, 38, 0.2);
+  mix: #ff3300;
+  mix-0: #ffff00;
+  mix-100: #ff0000;
+  mix-weightless: #ff8000;
+  mixt: rgba(255, 0, 0, 0.5);
 }
 #built-in .is-a {
   color: true;
-  color: true;
-  color: true;
+  color1: true;
+  color2: true;
+  color3: true;
   keyword: true;
   number: true;
   string: true;
   pixel: true;
   percent: true;
   em: true;
+  cat: true;
 }
 #alpha {
   alpha: rgba(153, 94, 51, 0.6);
+  alpha2: 0.5;
+  alpha3: 0;
+}
+#blendmodes {
+  multiply: #ed0000;
+  screen: #f600f6;
+  overlay: #ed0000;
+  softlight: #fa0000;
+  hardlight: #0000ed;
+  difference: #f600f6;
+  exclusion: #f600f6;
+  average: #7b007b;
+  negation: #d73131;
+}
+#extract-and-length {
+  extract: 3 2 1 C B A;
+  length: 6;
 }

data/lib/less/js/test/css/globalVars/extended.css

@@ -0,0 +1,12 @@
+/**
+  * Test
+  */
+#header {
+  color: #333333;
+  border-left: 1px;
+  border-right: 2px;
+}
+#footer {
+  color: #114411;
+  border-color: #f20d0d;
+}

data/lib/less/js/test/css/globalVars/simple.css

@@ -0,0 +1,6 @@
+/**
+  * Test
+  */
+.class {
+  color: #ff0000;
+}

data/lib/less/js/test/css/ie-filters.css

@@ -1,5 +1,9 @@
 .nav {
-  filter: progid:dximagetransform.microsoft.alpha(opacity=20);
-  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#333333", endColorstr="#000000", GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr="#000000", GradientType=0);
+}
+.evalTest1 {
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=5);
 }

data/lib/less/js/test/css/import-inline.css

@@ -0,0 +1,5 @@
+this isn't very valid CSS.
+@media (min-width: 600px) {
+  #css { color: yellow; }
+
+}

data/lib/less/js/test/css/import-interpolation.css

@@ -0,0 +1,6 @@
+body {
+  width: 100%;
+}
+.a {
+  var: test;
+}

data/lib/less/js/test/css/import-once.css

@@ -0,0 +1,15 @@
+#import {
+  color: #ff0000;
+}
+body {
+  width: 100%;
+}
+.test-f {
+  height: 10px;
+}
+body {
+  width: 100%;
+}
+.test-f {
+  height: 10px;
+}

data/lib/less/js/test/css/import-reference.css

@@ -0,0 +1,68 @@
+input[type="text"].class#id[attr=32]:not(1) {
+  color: white;
+}
+div#id.class[a=1][b=2].class:not(1) {
+  color: white;
+}
+@media print {
+  .class {
+    color: blue;
+  }
+  .class .sub {
+    width: 42;
+  }
+}
+.visible {
+  color: red;
+}
+.visible .c {
+  color: green;
+}
+.visible {
+  color: green;
+}
+.visible:hover {
+  color: green;
+}
+.only-with-visible + .visible,
+.visible + .only-with-visible,
+.visible + .visible {
+  color: green;
+}
+.only-with-visible + .visible .sub,
+.visible + .only-with-visible .sub,
+.visible + .visible .sub {
+  color: green;
+}
+.b {
+  color: red;
+  color: green;
+}
+.b .c {
+  color: green;
+}
+.b:hover {
+  color: green;
+}
+.b + .b {
+  color: green;
+}
+.b + .b .sub {
+  color: green;
+}
+.y {
+  pulled-in: yes;
+}
+/* comment pulled in */
+.visible {
+  extend: test;
+}
+.test-mediaq-import {
+  color: green;
+  test: 340px;
+}
+@media (max-size: 450px) {
+  .test-mediaq-import {
+    color: red;
+  }
+}

data/lib/less/js/test/css/import.css

@@ -1,8 +1,17 @@
-@import "import-test-d.css";
-
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
-
-@import url(something.css) screen and (color) and (max-width: 600px);
+@import url(/absolute/something.css) screen and (color) and (max-width: 600px);
+@import url("//ha.com/file.css") (min-width: 100px);
+#import-test {
+  height: 10px;
+  color: #ff0000;
+  width: 10px;
+  height: 30%;
+}
+@media screen and (max-width: 600px) {
+  body {
+    width: 100%;
+  }
+}
 #import {
   color: #ff0000;
 }
@@ -10,14 +19,18 @@
   height: 10px;
   color: #ff0000;
 }
-#import-test {
-  height: 10px;
-  color: #ff0000;
-  width: 10px;
-  height: 30%;
+@media screen and (max-width: 601px) {
+  #css {
+    color: yellow;
+  }
 }
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 602px) {
   body {
     width: 100%;
   }
 }
+@media screen and (max-width: 603px) {
+  #css {
+    color: yellow;
+  }
+}

data/lib/less/js/test/css/javascript.css

@@ -3,8 +3,9 @@
   js: 2;
   js: "hello world";
   js: 1, 2, 3;
-  title: "node";
+  title: "string";
   ternary: true;
+  multiline: 2;
 }
 .scope {
   var: 42;
@@ -18,5 +19,5 @@
 }
 .arrays {
   ary: "1, 2, 3";
-  ary: "1, 2, 3";
+  ary1: "1, 2, 3";
 }

data/lib/less/js/test/css/legacy/legacy.css

@@ -0,0 +1,7 @@
+@media (-o-min-device-pixel-ratio: 2/1) {
+  .test-math-and-units {
+    font: ignores 0/0 rules;
+    test-division: 7em;
+    simple: 2px;
+  }
+}