less 2.3.3 → 2.4.0

data/lib/less/js/test/less/extend-media.less

@@ -0,0 +1,24 @@
+.ext1 .ext2 {
+  background: black;
+}
+
+@media tv {
+  .ext1 .ext3 {
+    color: white;
+  }
+  .tv-lowres :extend(.ext1 all) {
+    background: blue;
+  }
+  @media hires {
+    .ext1 .ext4 {
+      color: green;
+    }
+    .tv-hires :extend(.ext1 all) {
+      background: red;
+    }
+  }
+}
+
+.all:extend(.ext1 all) {
+
+}

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

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

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

@@ -0,0 +1,84 @@
+.error {
+  border: 1px #f00;
+  background: #fdd;
+}
+.error.intrusion {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+.intrusion .error {
+  display: none;
+}
+.badError:extend(.error all) {
+  border-width: 3px;
+}
+
+.foo .bar, .foo .baz {
+    display: none;
+}
+
+.ext1 .ext2
+    :extend(.foo all) {
+}
+
+.ext3:extend(.foo all),
+.ext4:extend(.foo all) {
+}
+
+div.ext5,
+.ext6 > .ext5 {
+    width: 100px;
+}
+
+.should-not-exist-in-output,
+.ext7:extend(.ext5 all) {
+}
+
+.ext {
+  test: 1;
+}
+// same as 
+// .a .c:extend(.ext all)
+// .b .c:extend(.ext all)
+// .a .c .d
+// .b .c .d
+.a, .b {
+  test: 2;
+  .c:extend(.ext all) {
+    test: 3;
+    .d {
+      test: 4;
+    }
+  }
+}
+
+.replace.replace,
+.c.replace + .replace {
+  .replace,
+  .c {
+    prop: copy-paste-replace;
+  }
+}
+.rep_ace:extend(.replace all) {}
+
+.attributes {
+  [data="test"] {
+    extend: attributes;
+  }
+  .attribute-test {
+    &:extend([data="test"] all);
+  }
+  [data] {
+    extend: attributes2;
+  }
+  .attribute-test2 {
+    &:extend([data] all); //you could argue it should match [data="test"]... not for now though...
+  }
+  @attr-data: "test3";
+  [data=@{attr-data}] {
+    extend: attributes2;
+  }
+  .attribute-test {
+    &:extend([data="test3"] all);
+  }
+}

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

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

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

@@ -17,6 +17,7 @@
   saturate: saturate(#29332f, 20%);
   desaturate: desaturate(#203c31, 20%);
   greyscale: greyscale(#203c31);
+  hsl-clamp: hsl(380, 150%, 150%);
   spin-p: spin(hsl(340, 50%, 50%), 40);
   spin-n: spin(hsl(30, 50%, 50%), -40);
   luma-white: luma(#fff);
@@ -38,10 +39,15 @@
   contrast-cyan: contrast(#00ffff);
   contrast-light: contrast(#fff, #111111, #eeeeee);
   contrast-dark: contrast(#000, #111111, #eeeeee);
+  contrast-wrongorder: contrast(#fff, #eeeeee, #111111, 0.5);
   contrast-light-thresh: contrast(#fff, #111111, #eeeeee, 0.5);
   contrast-dark-thresh: contrast(#000, #111111, #eeeeee, 0.5);
   contrast-high-thresh: contrast(#555, #111111, #eeeeee, 0.6);
   contrast-low-thresh: contrast(#555, #111111, #eeeeee, 0.1);
+  contrast-light-thresh-per: contrast(#fff, #111111, #eeeeee, 50%);
+  contrast-dark-thresh-per: contrast(#000, #111111, #eeeeee, 50%);
+  contrast-high-thresh-per: contrast(#555, #111111, #eeeeee, 60%);
+  contrast-low-thresh-per: contrast(#555, #111111, #eeeeee, 10%);
   format: %("rgb(%d, %d, %d)", @r, 128, 64);
   format-string: %("hello %s", "world");
   format-multiple: %("hello %s %d", "earth", 2);
@@ -49,22 +55,38 @@
   eformat: e(%("rgb(%d, %d, %d)", @r, 128, 64));
   
   unitless: unit(12px);
-  unit: unit(13px + 1px, em);
+  unit: unit((13px + 1px), em);
 
   hue: hue(hsl(98, 12%, 95%));
   saturation: saturation(hsl(98, 12%, 95%));
   lightness: lightness(hsl(98, 12%, 95%));
+  hsvhue: hsvhue(hsv(98, 12%, 95%));
+  hsvsaturation: hsvsaturation(hsv(98, 12%, 95%));
+  hsvvalue: hsvvalue(hsv(98, 12%, 95%));
   red: red(#f00);
   green: green(#0f0);
   blue: blue(#00f);
-  rounded: round(@r/3);
-  rounded-two: round(@r/3, 2);
-  roundedpx: round(10px / 3);
-  roundedpx-three: round(10px / 3, 3);
+  rounded: round((@r/3));
+  rounded-two: round((@r/3), 2);
+  roundedpx: round((10px / 3));
+  roundedpx-three: round((10px / 3), 3);
   rounded-percentage: round(10.2%);
   ceil: ceil(10.1px);
   floor: floor(12.9px);
-  percentage: percentage(10px / 50);
+  sqrt: sqrt(25px);
+  pi: pi();
+  mod: mod(13m, 11cm); // could take into account units, doesn't at the moment
+  abs: abs(-4%);
+  tan: tan(42deg);
+  sin: sin(10deg);
+  cos: cos(12);
+  atan: atan(tan(0.1rad));
+  atan: convert(acos(cos(34deg)), deg);
+  atan: convert(acos(cos(50grad)), deg);
+  pow: pow(8px, 2);
+  pow: pow(4, 3);
+  pow: pow(3, 3em);
+  percentage: percentage((10px / 50));
   color: color("#ff0011");
   tint: tint(#777777, 13);
   tint-full: tint(#777777, 100);
@@ -72,6 +94,9 @@
   shade: shade(#777777, 13);
   shade-full: shade(#777777, 100);
   shade-percent: shade(#777777, 13%);
+
+  fade-out: fadeOut(red, 5%); // support fadeOut and fadeout
+  fade-in: fadein(fadeout(red, 10%), 5%);
   
   hsv: hsv(5, 50%, 30%);
   hsva: hsva(3, 50%, 30%, 0.2);
@@ -91,6 +116,7 @@
     pixel: ispixel(32px);
     percent: ispercentage(32%);
     em: isem(32em);
+    cat: isunit(32cat, cat);
   }
 }
 
@@ -109,3 +135,8 @@
   average: average(#f60000, #0000f6);
   negation: negation(#f60000, #313131);
 }
+
+#extract {
+  @anon: A B C 1 2 3;
+  result: extract(@anon, 6) extract(@anon, 5) extract(@anon, 4) extract(@anon, 3) extract(@anon, 2) extract(@anon, 1);
+}

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

@@ -0,0 +1,8 @@
+@my_theme: "test";
+
+@import "import/import-@{my_theme}-e.less";
+
+@import "import/import-@{in}@{terpolation}.less";
+
+@in: "in";
+@terpolation: "terpolation";

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

@@ -1,4 +1,4 @@
-@import-once "import/import-once-test-c";
-@import-once "import/import-once-test-c";
-@import-once "import/import-once-test-c.less";
-@import-once "import/deeper/import-once-test-a";
+@import "import/import-once-test-c";
+@import "import/import-once-test-c";
+@import "import/import-once-test-c.less";
+@import "import/deeper/import-once-test-a";

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

@@ -1,12 +1,21 @@
 @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);
+
+@var: 100px;
+@import url("//ha.com/file.css") (min-width:@var);
 
 #import-test {
   .mixin;
   width: 10px;
-  height: @a + 10%;
+  height: (@a + 10%);
 }
 @import "import/import-test-e" screen and (max-width: 600px);
 
 @import url("import/import-test-a.less");
+
+@import (less, multiple) "import/import-test-d.css" screen and (max-width: 601px);
+
+@import (multiple) "import/import-test-e" screen and (max-width: 602px);
+
+@import (less, multiple) url("import/import-test-d.css") screen and (max-width: 603px);

data/lib/less/js/test/less/import/deeper/import-once-test-a.less

@@ -1 +1 @@
-@import-once "../import-once-test-c";
+@import "../import-once-test-c";

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

@@ -0,0 +1 @@
+@import "import-@{in}@{terpolation}2.less";

data/lib/less/js/test/less/import/import-interpolation2.less

@@ -0,0 +1,5 @@
+.a {
+  var: test;
+}
+
+@in: "redefined-does-nothing";

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

@@ -10,7 +10,7 @@
 }
 .scope {
     @foo: 42;
-    var: `this.foo.toJS()`;
+    var: `parseInt(this.foo.toJS())`;
     escaped: ~`2 + 5 + 'px'`;
 }
 .vars {

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

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

data/lib/less/js/test/less/media.less

@@ -11,16 +11,19 @@
         }
     }
     .top, header > h1 {
-        color: #222 * 2;
+        color: (#222 * 2);
     }
 }
 
 @media screen {
     @base: 8;
-    body { max-width: @base * 60; }
+    body { max-width: (@base * 60); }
 }
 
-@media all and (device-aspect-ratio: 16/9) {
+@ratio_large: 16;
+@ratio_small: 9;
+
+@media all and (device-aspect-ratio: @ratio_large / @ratio_small) {
    body { max-width: 800px; }
 }
 
@@ -197,3 +200,11 @@ body {
         background: blue;
     }
 }
+
+@media (max-width: 1200px) {
+  /* a comment */
+
+  @media (max-width: 900px) {
+    body { font-size: 11px; }
+  }
+}