less 2.0.4 → 2.1.0

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

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

@@ -48,3 +48,24 @@
 .direct {
   border-style: dotted;
 }
+.bo,
+.bar {
+  width: 100%;
+}
+.bo {
+  border: 1px;
+}
+.ar.bo.ca {
+  color: black;
+}
+.jo.ki {
+  background: none;
+}
+.extended {
+  width: 100%;
+  border: 1px;
+  background: none;
+}
+.foo .bar {
+  width: 100%;
+}

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

@@ -26,6 +26,9 @@
 .shorthands {
   padding: -1px 2px 0 -4px;
 }
+.rem-dimensions {
+  font-size: 5.5rem;
+}
 .colors {
   color: #123;
   border-color: #334455;

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

@@ -1,5 +1,5 @@
 .parens {
-  border: 2px solid black;
+  border: 2px solid #000000;
   margin: 1px 3px 16 3;
   width: 36;
   padding: 2px 36px;

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

@@ -13,7 +13,9 @@
 #first > .one > #second .two > #deux #third:focus #fifth > #sixth .seventh #eighth + #ninth {
   color: purple;
 }
-#first > .one > #second .two > #deux #fourth, #first > .one > #second .two > #deux #five, #first > .one > #second .two > #deux #six {
+#first > .one > #second .two > #deux #fourth,
+#first > .one > #second .two > #deux #five,
+#first > .one > #second .two > #deux #six {
   color: #110000;
 }
 #first > .one > #second .two > #deux #fourth .seven,
@@ -24,6 +26,8 @@
 #first > .one > #second .two > #deux #six .eight > #nine {
   border: 1px solid black;
 }
-#first > .one > #second .two > #deux #fourth #ten, #first > .one > #second .two > #deux #five #ten, #first > .one > #second .two > #deux #six #ten {
+#first > .one > #second .two > #deux #fourth #ten,
+#first > .one > #second .two > #deux #five #ten,
+#first > .one > #second .two > #deux #six #ten {
   color: red;
 }

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

@@ -2,14 +2,14 @@
   color: #998899;
 }
 .scope1 {
-  color: blue;
-  border-color: black;
+  color: #0000ff;
+  border-color: #000000;
 }
 .scope1 .scope2 {
-  color: blue;
+  color: #0000ff;
 }
 .scope1 .scope2 .scope3 {
-  color: red;
-  border-color: black;
-  background-color: white;
+  color: #ff0000;
+  border-color: #000000;
+  background-color: #ffffff;
 }

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

@@ -27,6 +27,43 @@ td {
   margin: 0;
   padding: 0;
 }
-td, input {
+td,
+input {
   line-height: 1em;
 }
+a {
+  color: red;
+}
+a:hover {
+  color: blue;
+}
+div a {
+  color: green;
+}
+p a span {
+  color: yellow;
+}
+.foo .bar .qux,
+.foo .baz .qux {
+  display: block;
+}
+.qux .foo .bar,
+.qux .foo .baz {
+  display: inline;
+}
+.qux .foo .bar .biz,
+.qux .foo .baz .biz {
+  display: none;
+}
+.other ::fnord {
+  color: #ff0000;
+}
+.other::fnord {
+  color: #ff0000;
+}
+.other ::bnord {
+  color: #ff0000;
+}
+.other::bnord {
+  color: #ff0000;
+}

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

@@ -4,6 +4,8 @@
   content: "#*%:&^,)!.(~*})";
   empty: "";
   brackets: "{" "}";
+  escapes: "\"hello\" \\world";
+  escapes2: "\"llo";
 }
 #comments {
   content: "/* hello */ // not-so-secret";
@@ -31,8 +33,8 @@
   url5: "http://lesscss.org/54.4";
 }
 .mix-mul-class {
-  color: blue;
-  color: red;
-  color: blue;
-  color: orange;
+  color: #0000ff;
+  color: #ff0000;
+  color: #0000ff;
+  color: #ffa500;
 }

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

@@ -22,3 +22,6 @@
 .alpha {
   filter: alpha(opacity=42);
 }
+a:nth-child(2) {
+  border: 1px;
+}

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

@@ -13,18 +13,20 @@
 .whitespace {
   color: white ;
 }
-.white, .space, .mania {
+.white,
+.space,
+.mania {
   color: white;
 }
 .no-semi-column {
-  color: white;
+  color: #ffffff;
 }
 .no-semi-column {
   color: white;
   white-space: pre;
 }
 .no-semi-column {
-  border: 2px solid white;
+  border: 2px solid #ffffff;
 }
 .newlines {
   background: the,

data/lib/less/js/test/less/colors.less

@@ -8,6 +8,9 @@
   #rgba {
     color: rgba(255, 238, 170, 0.1);
   }
+  #argb {
+    color: argb(rgba(255, 238, 170, 0.1));
+  }
 }
 
 #blue {
@@ -20,6 +23,9 @@
   #rgba {
     color: rgba(0, 0, 255, 0.1);
   }
+  #argb {
+    color: argb(rgba(0, 0, 255, 0.1));
+  }
 }
 
 #alpha #hsla {
@@ -44,3 +50,16 @@
 #00ff00 {
   color: hsl(120, 100%, 50%);
 }
+
+.lightenblue {
+    color: lighten(blue, 10%);
+}
+
+.darkenblue {
+    color: darken(blue, 10%);
+}
+
+.unknowncolors {
+    color: blue2;
+    border: 2px solid superred;
+}

data/lib/less/js/test/less/comments.less

@@ -10,9 +10,9 @@
 
 */
 
-/*  
+/*
  * Comment Test
- * 
+ *
  * - cloudhead (http://cloudhead.net)
  *
  */
@@ -35,15 +35,15 @@
 /* @group Variables
 ------------------- */
 #comments /* boo */ {
-  /**/ // An empty comment 
+  /**/ // An empty comment
   color: red; /* A C-style comment */
   background-color: orange; // A little comment
   font-size: 12px;
-  
+
   /* lost comment */ content: @var;
-  
+
   border: 1px solid black;
-  
+
   // padding & margin //
   padding: 0; // }{ '"
   margin: 2em;
@@ -57,6 +57,8 @@
 
 .selector /* .with */, .lots, /* of */ .comments {
   color: grey, /* blue */ orange;
+  -webkit-border-radius: 2px /* webkit only */;
+  -moz-border-radius: 2px * 4 /* moz only with operation */;
 }
 
 #last { color: blue }

data/lib/less/js/test/less/css-3.less

@@ -53,3 +53,13 @@ form[data-disabled] {
 p::before {
   color: black;
 }
+
+#issue322 {
+  -webkit-animation: anim2 7s infinite ease-in-out;
+}
+
+@-webkit-keyframes frames {
+  0% { border: 1px }
+  5.5% { border: 2px }
+  100% { border: 3px }
+}

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

@@ -94,3 +94,7 @@ p + h1 {
     kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
   background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
 }
+
+#svg-data-uri {
+  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+}

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

@@ -1,6 +1,6 @@
 #functions {
   @var: 10;
-  color: color("evil red"); // #660000
+  color: _color("evil red"); // #660000
   width: increment(15);
   height: undefined("self");
   border-width: add(2, 3);
@@ -28,6 +28,20 @@
   lightness: lightness(hsl(98, 12%, 95%));
   rounded: round(@r/3);
   roundedpx: round(10px / 3);
+  percentage: percentage(10px / 50);
+  color: color("#ff0011");
+
+  .is-a {
+    color: iscolor(#ddd);
+    color: iscolor(red);
+    color: iscolor(rgb(0, 0, 0));
+    keyword: iskeyword(hello);
+    number: isnumber(32);
+    string: isstring("hello");
+    pixel: ispixel(32px);
+    percent: ispercentage(32%);
+    em: isem(32em);
+  }
 }
 
 #alpha {

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

@@ -0,0 +1,8 @@
+@fat: 0;
+@cloudhead: "#000000";
+
+.nav {
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 20);
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=@fat);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr=@cloudhead, GradientType=@fat);
+}

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

@@ -0,0 +1,2 @@
+
+body { width: 100% }

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

@@ -1,8 +1,11 @@
 @import url("import/import-test-a.less");
-//@import url("import/import-test-a.less");
+@import url(http://fonts.googleapis.com/css?family=Open+Sans);
+
+@import url(something.css) screen and (color) and (max-width: 600px);
 
 #import-test {
   .mixin;
   width: 10px;
   height: @a + 10%;
 }
+@import "import/import-test-e" screen and (max-width: 600px);

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

@@ -5,7 +5,7 @@
 
 @media print {
     .class {
-        color: blue;    
+        color: blue;
         .sub {
             width: @var;
         }
@@ -23,3 +23,57 @@
 @media all and (orientation:portrait) {
     aside { float: none; }
 }
+
+@media handheld and (min-width: @var), screen and (min-width: 20em) {
+    body {
+        max-width: 480px;
+    }
+}
+
+body {
+    @media print {
+        padding: 20px;
+
+        header {
+            background-color: red;
+        }
+
+        @media (orientation:landscape) {
+            margin-left: 20px;
+        }
+    }
+}
+
+body {
+    @media a, b and c {
+        width: 95%;
+
+        @media x, y {
+            width: 100%;
+        }
+    }
+}
+
+.mediaMixin(@fallback: 200px) {
+    background: black;
+
+    @media handheld {
+        background: white;
+
+        @media (max-width: @fallback) {
+            background: red;
+        }
+    }
+}
+
+.a {
+  .mediaMixin(100px);
+}
+
+.b {
+  .mediaMixin();
+}
+@smartphone: ~"only screen and (max-width: 200px)";
+@media @smartphone {
+  width: 480px;
+}

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

@@ -106,8 +106,9 @@ body {
     #id-mixin;
 }
 
-.mixin-arguments (@width: 0px) {
+.mixin-arguments (@width: 0px, ...) {
     border: @arguments;
+    width: @width;
 }
 
 .arguments {
@@ -116,3 +117,21 @@ body {
 .arguments2 {
     .mixin-arguments();
 }
+.arguments3 {
+    .mixin-arguments;
+}
+
+.mixin-arguments2 (@width, @rest...) {
+    border: @arguments;
+    rest: @rest;
+    width: @width;
+}
+.arguments4 {
+    .mixin-arguments2(0, 1, 2, 3, 4);
+}
+
+// Edge cases
+
+.edge-case {
+    .mixin-arguments("{");
+}

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

@@ -0,0 +1,94 @@
+
+// Stacking, functions..
+
+.light (@a) when (lightness(@a) > 50%) {
+  color: white;
+}
+.light (@a) when (lightness(@a) < 50%) {
+  color: black;
+}
+.light (@a) {
+  margin: 1px;
+}
+
+.light1 { .light(#ddd) }
+.light2 { .light(#444) }
+
+// Arguments against each other
+
+.max (@a, @b) when (@a > @b) {
+  width: @a;
+}
+.max (@a, @b) when (@a < @b) {
+  width: @b;
+}
+
+.max1 { .max(3, 6) }
+.max2 { .max(8, 1) }
+
+// Globals inside guards
+
+@g: auto;
+
+.glob (@a) when (@a = @g) {
+  margin: @a @g;
+}
+.glob1 { .glob(auto) }
+
+// Other operators
+
+.ops (@a) when (@a >= 0) {
+  height: gt-or-eq;
+}
+.ops (@a) when (@a =< 0) {
+  height: lt-or-eq;
+}
+.ops (@a) when not(@a = 0) {
+  height: not-eq;
+}
+.ops1 { .ops(0) }
+.ops2 { .ops(1) }
+.ops3 { .ops(-1) }
+
+// Scope and default values
+
+@a: auto;
+
+.default (@a: inherit) when (@a = inherit) {
+  content: default;
+}
+.default1 { .default }
+
+// true & false keywords
+.test (@a) when (@a) {
+    content: "true.";
+}
+.test (@a) when not (@a) {
+    content: "false.";
+}
+
+.test1 { .test(true) }
+.test2 { .test(false) }
+.test3 { .test(1) }
+.test4 { .test(boo) }
+.test5 { .test("true") }
+
+// Boolean expressions
+
+.bool () when (true) and (false)                             { content: true and false } // FALSE
+.bool () when (true) and (true)                              { content: true and true } // TRUE
+.bool () when (true)                                         { content: true } // TRUE
+.bool () when (false) and (false)                            { content: true } // FALSE
+.bool () when (false), (true)                                { content: false, true } // TRUE
+.bool () when (false) and (true) and (true),  (true)         { content: false and true and true, true } // TRUE
+.bool () when (true)  and (true) and (false), (false)        { content: true and true and false, false } // FALSE
+.bool () when (false), (true) and (true)                     { content: false, true and true } // TRUE
+.bool () when (false), (false), (true)                       { content: false, false, true } // TRUE
+.bool () when (false), (false) and (true), (false)           { content: false, false and true, false } // FALSE
+.bool () when (false), (true) and (true) and (true), (false) { content: false, true and true and true, false } // TRUE
+.bool () when not (false)                                    { content: not false }
+.bool () when not (true) and not (false)                     { content: not true and not false }
+.bool () when not (true) and not (true)                      { content: not true and not true }
+.bool () when not (false) and (false), not (false)           { content: not false and false, not false }
+
+.bool1 { .bool }

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

@@ -0,0 +1,18 @@
+
+.mixin (9) {
+  border: 9 !important;  
+}
+.mixin (@a: 0) {
+  border: @a;
+  boxer: @a;
+}
+
+.class {
+  .mixin(1);
+  .mixin(2) !important;
+  .mixin(3);
+  .mixin(4) !important;
+  .mixin(5);
+  .mixin !important;
+  .mixin(9);
+}

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

@@ -1,3 +1,6 @@
+.mixin (...) {
+  variadic: true;
+}
 .mixin () {
     zero: 0;
 }

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

@@ -45,3 +45,23 @@
 .direct {
   #namespace > .borders;
 }
+
+.bo, .bar {
+    width: 100%;
+}
+.bo {
+    border: 1px;
+}
+.ar.bo.ca {
+    color: black;
+}
+.jo.ki {
+    background: none;
+}
+.extended {
+    .bo;
+    .jo.ki;
+}
+.foo .bar {
+  .bar;
+}

data/lib/less/js/test/less/operations.less

@@ -36,6 +36,10 @@
   padding: -1px 2px 0 -4px; //
 }
 
+.rem-dimensions {
+  font-size: 20rem / 5 + 1.5rem; // 5.5rem
+}
+
 .colors {
   color: #123; // #112233
   border-color: #234 + #111111; // #334455

data/lib/less/js/test/less/selectors.less

@@ -22,3 +22,34 @@ td {
 td, input {
   line-height: 1em;
 }
+
+a {
+  color: red;
+
+  &:hover { color: blue; }
+
+  div & { color: green; }
+
+  p & span { color: yellow; }
+}
+
+.foo {
+  .bar, .baz {
+    & .qux {
+      display: block;
+    }
+    .qux & {
+      display: inline;
+    }
+    .qux & .biz {
+      display: none;
+    }
+  }
+}
+
+.other ::fnord { color: red }
+.other::fnord { color: red }
+.other {
+  ::bnord {color: red }
+  &::bnord {color: red }
+}

data/lib/less/js/test/less/strings.less

@@ -4,6 +4,8 @@
   content: "#*%:&^,)!.(~*})";
   empty: "";
   brackets: "{" "}";
+  escapes: "\"hello\" \\world";
+  escapes2: "\"llo";
 }
 #comments {
   content: "/* hello */ // not-so-secret";

data/lib/less/js/test/less/variables.less

@@ -48,3 +48,7 @@
     @var: 42;
     filter: alpha(opacity=@var);
 }
+
+a:nth-child(@a) {
+    border: 1px;
+}