less 2.2.2 → 2.6.0

data/lib/less/js/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;
@@ -38,6 +43,29 @@
     margin-left: 20px;
   }
 }
+@media screen {
+  .sidebar {
+    width: 300px;
+  }
+}
+@media screen and (orientation: landscape) {
+  .sidebar {
+    width: 500px;
+  }
+}
+@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%;
@@ -75,5 +103,117 @@
   }
 }
 @media only screen and (max-width: 200px) {
-  width: 480px;
+  body {
+    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;
+  }
+}
+@media (max-width: 1200px) {
+  /* a comment */
+}
+@media (max-width: 1200px) and (max-width: 900px) {
+  body {
+    font-size: 11px;
+  }
+}
+@media (min-width: 480px) {
+  .nav-justified > li {
+    display: table-cell;
+  }
+}
+@media (min-width: 768px) and (min-width: 480px) {
+  .menu > li {
+    display: table-cell;
+  }
+}
+@media all and tv {
+  .all-and-tv-variables {
+    var: all-and-tv;
+  }
 }

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

@@ -0,0 +1,34 @@
+.test1 {
+  transform: rotate(90deg), skew(30deg), scale(2, 4);
+}
+.test2 {
+  transform: rotate(90deg), skew(30deg);
+  transform: scaleX(45deg);
+}
+.test3 {
+  transform: scaleX(45deg);
+  background: url(data://img1.png);
+}
+.test4 {
+  transform: rotate(90deg), skew(30deg);
+  transform: scale(2, 4) !important;
+}
+.test5 {
+  transform: rotate(90deg), skew(30deg);
+  transform: scale(2, 4) !important;
+}
+.test6 {
+  transform: scale(2, 4);
+}
+.test-interleaved {
+  transform: t1, t2, t3;
+  background: b1, b2, b3;
+}
+.test-spaced {
+  transform: t1 t2 t3;
+  background: b1 b2, b3;
+}
+.test-interleaved-with-spaced {
+  transform: t1s, t2 t3s, t4 t5s t6s;
+  background: b1 b2s, b3, b4;
+}

data/lib/less/js/test/css/mixins-args.css

@@ -1,5 +1,7 @@
 #hidden {
   color: transparent;
+}
+#hidden1 {
   color: transparent;
 }
 .two-args {
@@ -49,10 +51,6 @@ body {
 #var-inside {
   width: 10px;
 }
-.id-class {
-  color: red;
-  color: red;
-}
 .arguments {
   border: 1px solid #000000;
   width: 1px;
@@ -74,3 +72,42 @@ body {
   border: "{";
   width: "{";
 }
+.slash-vs-math {
+  border-radius: 2px/5px;
+  border-radius: 5px/10px;
+  border-radius: 6px;
+}
+.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;
+}
+.test-mixin-default-arg {
+  defaults: 1px 1px 1px;
+  defaults: 2px 2px 2px;
+}
+.selector {
+  margin: 2, 2, 2, 2;
+}
+.selector2 {
+  margin: 2, 2, 2, 2;
+}
+.selector3 {
+  margin: 4;
+}

data/lib/less/js/test/css/mixins-guards-default-func.css

@@ -0,0 +1,129 @@
+guard-default-basic-1-1 {
+  case: 1;
+}
+guard-default-basic-1-2 {
+  default: 2;
+}
+guard-default-basic-2-0 {
+  default: 0;
+}
+guard-default-basic-2-2 {
+  case: 2;
+}
+guard-default-basic-3-0 {
+  default: 0;
+}
+guard-default-basic-3-2 {
+  case: 2;
+}
+guard-default-basic-3-3 {
+  case: 3;
+}
+guard-default-definition-order-0 {
+  default: 0;
+}
+guard-default-definition-order-2 {
+  case: 2;
+}
+guard-default-definition-order-2 {
+  case: 3;
+}
+guard-default-out-of-guard-0 {
+  case-0: default();
+  case-1: 1;
+  default: 2;
+  case-2: default();
+}
+guard-default-out-of-guard-1 {
+  default: default();
+}
+guard-default-out-of-guard-2 {
+  default: default();
+}
+guard-default-expr-not-1 {
+  case: 1;
+  default: 1;
+}
+guard-default-expr-eq-true {
+  case: true;
+}
+guard-default-expr-eq-false {
+  case: false;
+  default: false;
+}
+guard-default-expr-or-1 {
+  case: 1;
+}
+guard-default-expr-or-2 {
+  case: 2;
+  default: 2;
+}
+guard-default-expr-or-3 {
+  default: 3;
+}
+guard-default-expr-and-1 {
+  case: 1;
+}
+guard-default-expr-and-2 {
+  case: 2;
+}
+guard-default-expr-and-3 {
+  default: 3;
+}
+guard-default-expr-always-1 {
+  case: 1;
+  default: 1;
+}
+guard-default-expr-always-2 {
+  default: 2;
+}
+guard-default-expr-never-1 {
+  case: 1;
+}
+guard-default-multi-1-0 {
+  case: 0;
+}
+guard-default-multi-1-1 {
+  default-1: 1;
+}
+guard-default-multi-2-1 {
+  default-1: no;
+}
+guard-default-multi-2-2 {
+  default-2: no;
+}
+guard-default-multi-2-3 {
+  default-3: 3;
+}
+guard-default-multi-3-blue {
+  case-2: #00008b;
+}
+guard-default-multi-3-green {
+  default-color: #008000;
+}
+guard-default-multi-3-foo {
+  case-1: I am 'foo';
+}
+guard-default-multi-3-baz {
+  default-string: I am 'baz';
+}
+guard-default-multi-4 {
+  always: 1;
+  always: 2;
+  case: 2;
+}
+guard-default-not-ambiguos-2 {
+  case: 1;
+  not-default: 2;
+}
+guard-default-not-ambiguos-3 {
+  case: 1;
+  not-default-1: 2;
+  not-default-2: 2;
+}
+guard-default-scopes-3 {
+  3: when default;
+}
+guard-default-scopes-1 {
+  1: no condition;
+}

data/lib/less/js/test/css/mixins-guards.css

@@ -18,6 +18,7 @@
 .ops1 {
   height: gt-or-eq;
   height: lt-or-eq;
+  height: lt-or-eq-alias;
 }
 .ops2 {
   height: gt-or-eq;
@@ -25,6 +26,7 @@
 }
 .ops3 {
   height: lt-or-eq;
+  height: lt-or-eq-alias;
   height: not-eq;
 }
 .default1 {
@@ -56,3 +58,25 @@
   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;
+}
+#tryNumberPx {
+  catch: all;
+  declare: 4;
+  declare: 4px;
+}
+.call-lock-mixin .call-inner-lock-mixin {
+  a: 1;
+  x: 1;
+}

data/lib/less/js/test/css/mixins-important.css

@@ -1,17 +1,45 @@
 .class {
   border: 1;
   boxer: 1;
+  border-width: 1;
   border: 2 !important;
   boxer: 2 !important;
+  border-width: 2 !important;
   border: 3;
   boxer: 3;
+  border-width: 3;
   border: 4 !important;
   boxer: 4 !important;
+  border-width: 4 !important;
   border: 5;
   boxer: 5;
+  border-width: 5;
   border: 0 !important;
   boxer: 0 !important;
+  border-width: 0 !important;
   border: 9 !important;
   border: 9;
   boxer: 9;
+  border-width: 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;
 }

data/lib/less/js/test/css/mixins-interpolated.css

@@ -0,0 +1,39 @@
+.foo {
+  a: 1;
+}
+.foo {
+  a: 2;
+}
+#foo {
+  a: 3;
+}
+#foo {
+  a: 4;
+}
+mi-test-a {
+  a: 1;
+  a: 2;
+  a: 3;
+  a: 4;
+}
+.b .bb.foo-xxx .yyy-foo#foo .foo.bbb {
+  b: 1;
+}
+mi-test-b {
+  b: 1;
+}
+#foo-foo > .bar .baz {
+  c: c;
+}
+mi-test-c-1 > .bar .baz {
+  c: c;
+}
+mi-test-c-2 .baz {
+  c: c;
+}
+mi-test-c-3 {
+  c: c;
+}
+mi-test-d {
+  gender: "Male";
+}

data/lib/less/js/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;
+}

data/lib/less/js/test/css/mixins-pattern.css

@@ -1,5 +1,6 @@
 .zero {
   variadic: true;
+  named-variadic: true;
   zero: 0;
   one: 1;
   two: 2;
@@ -7,6 +8,7 @@
 }
 .one {
   variadic: true;
+  named-variadic: true;
   one: 1;
   one-req: 1;
   two: 2;
@@ -14,11 +16,13 @@
 }
 .two {
   variadic: true;
+  named-variadic: true;
   two: 2;
   three: 3;
 }
 .three {
   variadic: true;
+  named-variadic: true;
   three-req: 3;
   three: 3;
 }

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

@@ -61,11 +61,81 @@
 .jo.ki {
   background: none;
 }
+.amp.support {
+  color: orange;
+}
+.amp.support .higher {
+  top: 0px;
+}
+.amp.support.deeper {
+  height: auto;
+}
 .extended {
   width: 100%;
   border: 1px;
   background: none;
+  color: orange;
+  top: 0px;
+  height: auto;
+}
+.extended .higher {
+  top: 0px;
+}
+.extended.deeper {
+  height: auto;
+}
+.do .re .mi .fa .sol .la .si {
+  color: cyan;
+}
+.mutli-selector-parents {
+  color: cyan;
 }
 .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;
+}

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

@@ -0,0 +1,9 @@
+#header {
+  color: #333333;
+  border-left: 1px;
+  border-right: 2px;
+}
+#footer {
+  color: #114411;
+  border-color: #842210;
+}

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

@@ -6,15 +6,31 @@
 }
 .more-parens {
   padding: 8 4 4 4px;
-  width: 96;
-  height: 113;
-  margin: 12;
+  width-all: 96;
+  width-first: 16 * 6;
+  width-keep: (4 * 4) * 6;
+  height-keep: (7 * 7) + (8 * 8);
+  height-all: 113;
+  height-parts: 49 + 64;
+  margin-keep: (4 * (5 + 5) / 2) - (4 * 2);
+  margin-parts: 20 - 8;
+  margin-all: 12;
+  border-radius-keep: 4px * (1 + 1) / 4 + 3px;
+  border-radius-parts: 8px / 7px;
+  border-radius-all: 5px;
+}
+.negative {
+  neg-var: -1;
+  neg-var-paren: -(1);
 }
 .nested-parens {
-  width: 71;
-  height: 6;
+  width: 2 * (4 * (2 + (1 + 6))) - 1;
+  height: ((2 + 3) * (2 + 3) / (9 - 4)) + 1;
 }
 .mixed-units {
   margin: 2px 4em 1 5pc;
   padding: 6px 1em 2px 2;
 }
+.test-false-negatives {
+  a: (;
+}

data/lib/less/js/test/css/property-name-interp.css

@@ -0,0 +1,20 @@
+pi-test {
+  border: 0;
+  ufo-width: 50%;
+  *-z-border: 1px dashed blue;
+  -www-border-top: 2px;
+  radius-is-not-a-border: true;
+  border-top-left-radius: 2em;
+  border-top-red-radius-: 3pt;
+  global-local-mixer-property: strong;
+}
+pi-test-merge {
+  pre-property-ish: high, middle, low, base;
+  pre-property-ish+: nice try dude;
+}
+pi-indirect-vars {
+  auto: auto;
+}
+pi-complex-values {
+  3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */: none;
+}