less 1.2.2 → 1.3.3

package/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);
@@ -14,23 +15,68 @@
   greyscale: #2e2e2e;
   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-white-alpha: 50%;
+  contrast-filter: contrast(30%);
+  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-light-thresh: #111111;
+  contrast-dark-thresh: #eeeeee;
+  contrast-high-thresh: #eeeeee;
+  contrast-low-thresh: #111111;
   format: "rgb(32, 128, 64)";
   format-string: "hello world";
   format-multiple: "hello earth 2";
   format-url-encode: "red is %23ff0000";
   eformat: rgb(32, 128, 64);
+  unitless: 12;
+  unit: 14em;
   hue: 98;
   saturation: 12%;
   lightness: 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;
   percentage: 20%;
   color: #ff0011;
+  tint: #898989;
+  tint-full: #ffffff;
+  tint-percent: #898989;
+  shade: #686868;
+  shade-full: #000000;
+  shade-percent: #686868;
+  hsv: #4d2926;
+  hsva: rgba(77, 40, 38, 0.2);
+  mix: #ff3300;
+  mix-0: #ffff00;
+  mix-100: #ff0000;
+  mix-weightless: #ff8000;
 }
 #built-in .is-a {
   color: true;
-  color: true;
-  color: true;
+  color1: true;
+  color2: true;
   keyword: true;
   number: true;
   string: true;
@@ -41,3 +87,14 @@
 #alpha {
   alpha: rgba(153, 94, 51, 0.6);
 }
+#blendmodes {
+  multiply: #ed0000;
+  screen: #f600f6;
+  overlay: #ed0000;
+  softlight: #ff0000;
+  hardlight: #0000ed;
+  difference: #f600f6;
+  exclusion: #f600f6;
+  average: #7b007b;
+  negation: #d73131;
+}

package/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);
 }

package/test/css/import-once.css

@@ -0,0 +1,3 @@
+#import {
+  color: #ff0000;
+}

package/test/css/import.css

@@ -1,15 +1,6 @@
-@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 {
-  color: #ff0000;
-}
-.mixin {
-  height: 10px;
-  color: #ff0000;
-}
 #import-test {
   height: 10px;
   color: #ff0000;
@@ -21,3 +12,10 @@
     width: 100%;
   }
 }
+#import {
+  color: #ff0000;
+}
+.mixin {
+  height: 10px;
+  color: #ff0000;
+}

package/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";
 }

package/test/css/media.css

@@ -15,6 +15,11 @@
     max-width: 480;
   }
 }
+@media all and (device-aspect-ratio: 16/9) {
+  body {
+    max-width: 800px;
+  }
+}
 @media all and (orientation: portrait) {
   aside {
     float: none;
@@ -25,3 +30,166 @@
     max-width: 480px;
   }
 }
+@media print {
+  body {
+    padding: 20px;
+  }
+  body header {
+    background-color: red;
+  }
+}
+@media print and (orientation: landscape) {
+  body {
+    margin-left: 20px;
+  }
+}
+@media screen {
+  .sidebar {
+    width: 300px;
+  }
+}
+@media screen and (orientation: landscape) {
+  .sidebar {
+    width: 500px;
+  }
+}
+@media a {
+  
+}
+@media a and b {
+  .first .second .third {
+    width: 300px;
+  }
+  .first .second .fourth {
+    width: 3;
+  }
+}
+@media a and b and c {
+  .first .second .third {
+    width: 500px;
+  }
+}
+@media a, b and c {
+  body {
+    width: 95%;
+  }
+}
+@media a and x, b and c and x, a and y, b and c and y {
+  body {
+    width: 100%;
+  }
+}
+.a {
+  background: black;
+}
+@media handheld {
+  .a {
+    background: white;
+  }
+}
+@media handheld and (max-width: 100px) {
+  .a {
+    background: red;
+  }
+}
+.b {
+  background: black;
+}
+@media handheld {
+  .b {
+    background: white;
+  }
+}
+@media handheld and (max-width: 200px) {
+  .b {
+    background: red;
+  }
+}
+@media only screen and (max-width: 200px) {
+  width: 480px;
+}
+@media print {
+  @page :left {
+    margin: 0.5cm;
+  }
+  @page :right {
+    margin: 0.5cm;
+  }
+  @page Test:first {
+    margin: 1cm;
+  }
+  @page :first {
+    size: 8.5in 11in;@top-left {
+      margin: 1cm;
+    }
+    @top-left-corner {
+      margin: 1cm;
+    }
+    @top-center {
+      margin: 1cm;
+    }
+    @top-right {
+      margin: 1cm;
+    }
+    @top-right-corner {
+      margin: 1cm;
+    }
+    @bottom-left {
+      margin: 1cm;
+    }
+    @bottom-left-corner {
+      margin: 1cm;
+    }
+    @bottom-center {
+      margin: 1cm;
+    }
+    @bottom-right {
+      margin: 1cm;
+    }
+    @bottom-right-corner {
+      margin: 1cm;
+    }
+    @left-top {
+      margin: 1cm;
+    }
+    @left-middle {
+      margin: 1cm;
+    }
+    @left-bottom {
+      margin: 1cm;
+    }
+    @right-top {
+      margin: 1cm;
+    }
+    @right-middle {
+      content: "Page " counter(page);
+    }
+    @right-bottom {
+      margin: 1cm;
+    }
+  }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 128dpcm) {
+  .b {
+    background: red;
+  }
+}
+body {
+  background: red;
+}
+@media (max-width: 500px) {
+  body {
+    background: green;
+  }
+}
+@media (max-width: 1000px) {
+  body {
+    background: red;
+    background: blue;
+  }
+}
+@media (max-width: 1000px) and (max-width: 500px) {
+  body {
+    background: green;
+  }
+}

package/test/css/mixins-args.css

@@ -1,5 +1,7 @@
 #hidden {
   color: transparent;
+}
+#hidden1 {
   color: transparent;
 }
 .two-args {
@@ -49,16 +51,45 @@ body {
 #var-inside {
   width: 10px;
 }
-.id-class {
-  color: red;
-  color: red;
-}
 .arguments {
   border: 1px solid #000000;
+  width: 1px;
 }
 .arguments2 {
   border: 0px;
+  width: 0px;
+}
+.arguments3 {
+  border: 0px;
+  width: 0px;
+}
+.arguments4 {
+  border: 0 1 2 3 4;
+  rest: 1 2 3 4;
+  width: 0;
 }
 .edge-case {
   border: "{";
+  width: "{";
+}
+.comma-vs-semi-colon {
+  one: a;
+  two: b, c;
+  one: d, e;
+  two: f;
+  one: g;
+  one: h;
+  one: i;
+  one: j;
+  one: k;
+  two: l;
+  one: m, n;
+  one: o, p;
+  two: q;
+  one: r, s;
+  two: t;
+}
+#named-conflict {
+  four: a, 11, 12, 13;
+  four: a, 21, 22, 23;
 }

package/test/css/mixins-guards.css

@@ -56,3 +56,16 @@
   content: not false;
   content: not false and false, not false;
 }
+.equality-units {
+  test: pass;
+}
+.colorguardtest {
+  content: is #ff0000;
+  content: is not #0000ff its #ff0000;
+  content: is not #0000ff its #800080;
+}
+.stringguardtest {
+  content: is theme1;
+  content: is not theme2;
+  content: is theme1 no quotes;
+}

package/test/css/mixins-important.css

@@ -15,3 +15,24 @@
   border: 9;
   boxer: 9;
 }
+.class .inner {
+  test: 1;
+}
+.class .inner {
+  test: 2 !important;
+}
+.class .inner {
+  test: 3;
+}
+.class .inner {
+  test: 4 !important;
+}
+.class .inner {
+  test: 5;
+}
+.class .inner {
+  test: 0 !important;
+}
+.class .inner {
+  test: 9;
+}

package/test/css/mixins-named-args.css

@@ -0,0 +1,27 @@
+.named-arg {
+  color: blue;
+  width: 5px;
+  height: 99%;
+  args: 1px 100%;
+  text-align: center;
+}
+.class {
+  width: 5px;
+  height: 19%;
+  args: 1px 20%;
+}
+.all-args-wrong-args {
+  width: 10px;
+  height: 9%;
+  args: 2px 10%;
+}
+.named-args2 {
+  width: 15px;
+  height: 49%;
+  color: #646464;
+}
+.named-args3 {
+  width: 5px;
+  height: 29%;
+  color: #123456;
+}

package/test/css/mixins-pattern.css

@@ -1,26 +1,24 @@
 .zero {
+  variadic: true;
   zero: 0;
   one: 1;
   two: 2;
   three: 3;
 }
 .one {
-  zero: 0;
+  variadic: true;
   one: 1;
   one-req: 1;
   two: 2;
   three: 3;
 }
 .two {
-  zero: 0;
-  one: 1;
+  variadic: true;
   two: 2;
   three: 3;
 }
 .three {
-  zero: 0;
-  one: 1;
-  two: 2;
+  variadic: true;
   three-req: 3;
   three: 3;
 }

package/test/css/mixins.css

@@ -61,11 +61,61 @@
 .jo.ki {
   background: none;
 }
+.amp.support {
+  color: orange;
+}
 .extended {
   width: 100%;
   border: 1px;
   background: none;
+  color: orange;
 }
 .foo .bar {
   width: 100%;
 }
+.underParents {
+  color: red;
+}
+.parent .underParents {
+  color: red;
+}
+* + h1 {
+  margin-top: 25px;
+}
+legend + h1 {
+  margin-top: 0;
+}
+h1 + * {
+  margin-top: 10px;
+}
+* + h2 {
+  margin-top: 20px;
+}
+legend + h2 {
+  margin-top: 0;
+}
+h2 + * {
+  margin-top: 8px;
+}
+* + h3 {
+  margin-top: 15px;
+}
+legend + h3 {
+  margin-top: 0;
+}
+h3 + * {
+  margin-top: 5px;
+}
+.error {
+  background-image: "/a.png";
+  background-position: center center;
+}
+.test-rec .recursion {
+  color: black;
+}
+.button {
+  padding-left: 44px;
+}
+.button.large {
+  padding-left: 40em;
+}

package/test/css/scope.css

@@ -13,3 +13,23 @@
   border-color: #000000;
   background-color: #ffffff;
 }
+.scope {
+  scoped-val: #008000;
+}
+.heightIsSet {
+  height: 1024px;
+}
+.useHeightInMixinCall {
+  mixin-height: 1024px;
+}
+.imported {
+  exists: true;
+}
+.testImported {
+  exists: true;
+}
+#allAreUsedHere {
+  default: 'top level';
+  scope: 'top level';
+  sub-scope-only: 'inside';
+}

package/test/css/selectors.css

@@ -51,7 +51,83 @@ p a span {
 .qux .foo .baz {
   display: inline;
 }
+.qux.foo .bar,
+.qux.foo .baz {
+  display: inline-block;
+}
 .qux .foo .bar .biz,
 .qux .foo .baz .biz {
   display: none;
 }
+.a.b.c {
+  color: red;
+}
+.c .b.a {
+  color: red;
+}
+.foo .p.bar {
+  color: red;
+}
+.foo.p.bar {
+  color: red;
+}
+.foo + .foo {
+  background: amber;
+}
+.foo + .foo {
+  background: amber;
+}
+.foo + .foo,
+.foo + .bar,
+.bar + .foo,
+.bar + .bar {
+  background: amber;
+}
+.foo a > .foo a,
+.foo a > .bar a,
+.foo a > .foo b,
+.foo a > .bar b,
+.bar a > .foo a,
+.bar a > .bar a,
+.bar a > .foo b,
+.bar a > .bar b,
+.foo b > .foo a,
+.foo b > .bar a,
+.foo b > .foo b,
+.foo b > .bar b,
+.bar b > .foo a,
+.bar b > .bar a,
+.bar b > .foo b,
+.bar b > .bar b {
+  background: amber;
+}
+.other ::fnord {
+  color: #ff0000;
+}
+.other::fnord {
+  color: #ff0000;
+}
+.other ::bnord {
+  color: #ff0000;
+}
+.other::bnord {
+  color: #ff0000;
+}
+.blood {
+  color: red;
+}
+.blood {
+  color: red;
+}
+.bloodred {
+  color: green;
+}
+#blood.blood.red.black {
+  color: black;
+}
+:nth-child(3):nth-child(3) {
+  second-use: deprecated;
+}
+.test:nth-child(odd):not( :nth-child(3)) {
+  color: #ff0000;
+}

package/test/css/static-urls/urls.css

@@ -0,0 +1,42 @@
+@import "folder (1)/../css/background.css";
+
+@import "folder (1)/import-test-d.css";
+@font-face {
+  src: url("/fonts/garamond-pro.ttf");
+  src: local(Futura-Medium), url(folder\ \(1\)/fonts.svg#MyGeometricModern) format("svg");
+}
+#shorthands {
+  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
+}
+#misc {
+  background-image: url(folder\ \(1\)/images/image.jpg);
+}
+#data-uri {
+  background: url(data:image/png;charset=utf-8;base64,
+    kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
+    k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
+    kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
+  background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
+  background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
+}
+#svg-data-uri {
+  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+}
+.comma-delimited {
+  background: url(folder\ \(1\)/bg.jpg) no-repeat, url(folder\ \(1\)/bg.png) repeat-x top left, url(folder\ \(1\)/bg);
+}
+.values {
+  url: url('folder (1)/Trebuchet');
+}
+#logo {
+  width: 100px;
+  height: 100px;
+  background: url('folder (1)/../assets/logo.png');
+}
+@font-face {
+  font-family: xecret;
+  src: url('folder (1)/../assets/xecret.ttf');
+}
+#secret {
+  font-family: xecret, sans-serif;
+}

package/test/css/strings.css

@@ -30,11 +30,11 @@
   url2: "http://lesscss.org/image-256.jpg";
   url3: "http://lesscss.org#445566";
   url4: "http://lesscss.org/hello";
-  url5: "http://lesscss.org/54.4";
+  url5: "http://lesscss.org/54.4px";
 }
 .mix-mul-class {
   color: #0000ff;
   color: #ff0000;
-  color: #0000ff;
+  color: #000000;
   color: #ffa500;
 }