less 2.0.0 → 2.6.0

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,
@@ -34,3 +36,7 @@
           solid
           black;
 }
+.sel .newline_ws .tab_ws {
+  color: white;
+  background-position: 45 -23;
+}

data/lib/less/js/test/data/image.jpg

@@ -0,0 +1 @@
+not actually a jpeg file

data/lib/less/js/test/data/page.html

@@ -0,0 +1 @@
+<h1>This page is 100% Awesome.</h1>

data/lib/less/js/test/index.js

@@ -0,0 +1,45 @@
+var lessTest = require("./less-test"),
+    lessTester = lessTest(),
+    path = require("path"),
+    stylize = require('../lib/less/lessc_helper').stylize;
+
+function getErrorPathReplacementFunction(dir) {
+    return function(input) {
+        return input.replace(
+                "{path}", path.join(process.cwd(), "/test/less/" + dir + "/"))
+            .replace("{pathrel}", path.join("test", "less", dir + "/"))
+            .replace("{pathhref}", "")
+            .replace("{404status}", "")
+            .replace(/\r\n/g, '\n');
+    };
+}
+
+console.log("\n" + stylize("LESS", 'underline') + "\n");
+lessTester.runTestSet({strictMath: true, relativeUrls: true, silent: true});
+lessTester.runTestSet({strictMath: true, strictUnits: true}, "errors/",
+    lessTester.testErrors, null, getErrorPathReplacementFunction("errors"));
+lessTester.runTestSet({strictMath: true, strictUnits: true, javascriptEnabled: false}, "no-js-errors/",
+    lessTester.testErrors, null, getErrorPathReplacementFunction("no-js-errors"));
+lessTester.runTestSet({strictMath: true, dumpLineNumbers: 'comments'}, "debug/", null,
+    function(name) { return name + '-comments'; });
+lessTester.runTestSet({strictMath: true, dumpLineNumbers: 'mediaquery'}, "debug/", null,
+    function(name) { return name + '-mediaquery'; });
+lessTester.runTestSet({strictMath: true, dumpLineNumbers: 'all'}, "debug/", null,
+    function(name) { return name + '-all'; });
+lessTester.runTestSet({strictMath: true, relativeUrls: false, rootpath: "folder (1)/"}, "static-urls/");
+lessTester.runTestSet({strictMath: true, compress: true}, "compression/");
+lessTester.runTestSet({}, "legacy/");
+lessTester.runTestSet({strictMath: true, strictUnits: true, sourceMap: true, globalVars: true }, "sourcemaps/",
+    lessTester.testSourcemap, null, null, 
+    function(filename, type) { 
+        if (type === "vars") {
+            return path.join('test/less/', filename) + '.json';
+        }
+        return path.join('test/sourcemaps', filename) + '.json'; 
+    });
+lessTester.runTestSet({globalVars: true, banner: "/**\n  * Test\n  */\n"}, "globalVars/",
+    null, null, null, function(name) { return path.join('test/less/', name) + '.json'; });
+lessTester.runTestSet({modifyVars: true}, "modifyVars/",
+    null, null, null, function(name) { return path.join('test/less/', name) + '.json'; });
+lessTester.runTestSet({urlArgs: '424242'}, "url-args/");
+lessTester.testNoOptions();

data/lib/less/js/test/less/charsets.less

@@ -0,0 +1,3 @@
+@charset "UTF-8";
+
+@import "import/import-charset-test";

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 {
@@ -27,16 +33,21 @@
 }
 
 #overflow {
-  .a { color: #111111 - #444444; } // #000000
-  .b { color: #eee + #fff; } // #ffffff
-  .c { color: #aaa * 3; } // #ffffff
-  .d { color: #00ee00 + #009900; } // #00ff00
+  .a { color: (#111111 - #444444); } // #000000
+  .b { color: (#eee + #fff); } // #ffffff
+  .c { color: (#aaa * 3); } // #ffffff
+  .d { color: (#00ee00 + #009900); } // #00ff00
+  .e { color: rgba(-99.9, 31.4159, 321, 0.42); }  
 }
 
 #grey {
   color: rgb(200, 200, 200);
 }
 
+#333333 {
+  color: rgb(20%, 20%, 20%);
+}
+
 #808080 {
   color: hsl(50, 0%, 50%);
 }
@@ -44,3 +55,44 @@
 #00ff00 {
   color: hsl(120, 100%, 50%);
 }
+
+.lightenblue {
+    color: lighten(blue, 10%);
+}
+
+.darkenblue {
+    color: darken(blue, 10%);
+}
+
+.unknowncolors {
+    color: blue2;
+    border: 2px solid superred;
+}
+
+.transparent {
+    color: transparent;
+    background-color: rgba(0, 0, 0, 0);
+}
+#alpha {
+    @colorvar: rgba(150, 200, 150, 0.7);
+    #fromvar {
+        opacity: alpha(@colorvar);
+    }
+    #short {
+        opacity: alpha(#aaa);
+    }
+    #long {
+        opacity: alpha(#bababa);
+    }
+    #rgba {
+        opacity: alpha(rgba(50, 120, 95, 0.2));
+    }
+    #hsl {
+        opacity: alpha(hsl(120, 100%, 50%));
+    }
+}
+
+#percentage {
+  color: red(rgb(100%, 0, 0));
+  border-color: rgba(100%, 0, 0, 50%);
+}

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

@@ -10,9 +10,9 @@
 
 */
 
-/*  
+/*
  * Comment Test
- * 
+ *
  * - cloudhead (http://cloudhead.net)
  *
  */
@@ -34,16 +34,22 @@
 
 /* @group Variables
 ------------------- */
-#comments /* boo */ {
-  /**/ // An empty comment 
-  color: red; /* A C-style comment */
+#comments /* boo *//* boo again*/,
+//.commented_out1
+//.commented_out2
+//.commented_out3
+.comments //end of comments1
+//end of comments2
+{
+  /**/ // An empty comment
+  color: red; /* A C-style comment */  /* 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,7 +63,21 @@
 
 .selector /* .with */, .lots, /* of */ .comments {
   color: grey, /* blue */ orange;
+  -webkit-border-radius: 2px /* webkit only */;
+  -moz-border-radius: (2px * 4) /* moz only with operation */;
+}
+
+.mixin_def_with_colors(@a: white, // in
+       @b: 1px //put in @b - causes problems! --->
+	   ) // the
+	   when (@a = white) {
+	.test {
+	    color: @b;
+	}
 }
+.mixin_def_with_colors();
 
 #last { color: blue }
 //
+
+/*  *//* { *//*  *//*  *//*  */#div { color:#A33; }/* } */

data/lib/less/js/test/less/compression/compression.less

@@ -0,0 +1,36 @@
+#colours {
+  color1: #fea;
+  color2: #ffeeaa;
+  color3: rgba(255, 238, 170, 0.1);
+  @color1: #fea;
+  string: "@{color1}";
+  /* comments are stripped */
+  // both types!
+  /*! but not this type
+      Note preserved whitespace
+  */
+}
+dimensions {
+  val: 0.1px;
+  val: 0em;
+  val: 4cm;
+  val: 0.2;
+  val: 5;
+  angles-must-have-unit: 0deg;
+  durations-must-have-unit: 0s;
+  length-doesnt-have-unit: 0px;
+  width: auto\9;
+}
+@page  {
+  marks: none;
+@top-left-corner {
+  vertical-align: top;
+}
+@top-left {
+  vertical-align: top;
+}
+}
+.shadow ^ .dom,
+body ^^ .shadow {
+  display: done;
+}

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

@@ -1,19 +1,22 @@
-.comma-delimited { 
-  background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
+.comma-delimited {
   text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
   -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset,
     0pt 4px 6px rgba(255, 255, 255, 0.4) inset;
+  -webkit-transform: rotate(-0.0000000001deg);
 }
 @font-face {
   font-family: Headline;
-  src: local(Futura-Medium),
-       url(fonts.svg#MyGeometricModern) format("svg");
+  unicode-range: U+??????, U+0???, U+0-7F, U+A5;
 }
 .other {
   -moz-transform: translate(0, 11em) rotate(-90deg);
+  transform: rotateX(45deg);
+}
+.item[data-cra_zy-attr1b-ut3=bold] {
+  font-weight: bold;
 }
 p:not([class*="lead"]) {
-  color: black; 
+  color: black;
 }
 
 input[type="text"].class#id[attr=32]:not(1) {
@@ -24,7 +27,7 @@ div#id.class[a=1][b=2].class:not(1) {
   color: white;
 }
 
-ul.comma > li:not(:only-child)::after { 
+ul.comma > li:not(:only-child)::after {
   color: white;
 }
 
@@ -53,3 +56,74 @@ 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 }
+}
+
+@keyframes fontbulger1 {
+  to {
+    font-size: 15px;
+  }
+  from,to {
+    font-size: 12px;
+  }
+  0%,100% {
+    font-size: 12px;
+  }
+}
+
+.units {
+  font: 1.2rem/2rem;
+  font: 8vw/9vw;
+  font: 10vh/12vh;
+  font: 12vm/15vm;
+  font: 12vmin/15vmin;
+  font: 1.2ch/1.5ch;
+}
+
+@supports ( box-shadow: 2px 2px 2px black ) or
+          ( -moz-box-shadow: 2px 2px 2px black ) {
+  .outline {
+    box-shadow: 2px 2px 2px black;
+    -moz-box-shadow: 2px 2px 2px black;
+  }
+}
+
+@-x-document url-prefix(""github.com"") {
+  h1 {
+    color: red;
+  }
+}
+
+@viewport {
+  font-size: 10px;
+}
+@namespace foo url(http://www.example.com);
+
+foo|h1 { color: blue; }
+foo|* { color: yellow; }
+|h1 { color: red; }
+*|h1 { color: green; }
+h1 { color: green; }
+.upper-test {
+  UpperCaseProperties: allowed;
+}
+@host {
+  div {
+    display: block;
+  }
+}
+::distributed(input::placeholder) {
+  color: #b3b3b3;
+}
+.shadow ^ .dom,
+body ^^ .shadow {
+  display: done;
+}

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

@@ -25,4 +25,9 @@
 /* This hideous test of hideousness checks for the selector "blockquote" with various permutations of hex escapes */
 \62\6c\6f \63 \6B \0071 \000075o\74 e {
 	color: silver;
-}
+}
+
+[ng\:cloak],
+ng\:form {
+  display: none;
+}

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

@@ -0,0 +1,102 @@
+
+.light when (lightness(@a) > 50%) {
+  color: green;
+}
+.dark when (lightness(@a) < 50%) {
+  color: orange;
+}
+@a: #ddd;
+
+.see-the {
+  @a: #444; // this mirrors what mixins do - they evaluate the guards at the point of definition
+  .light();
+  .dark();
+}
+
+.hide-the {
+  .light();
+  .dark();
+}
+
+.multiple-conditions-1 when (@b = 1), (@c = 2), (@d = 3) {
+  color: red;
+}
+
+.multiple-conditions-2 when (@b = 1), (@c = 2), (@d = 2) {
+  color: blue;
+}
+
+@b: 2;
+@c: 3;
+@d: 3;
+
+.inheritance when (@b = 2) {
+  .test {
+    color: black;
+  }
+  &:hover {
+    color: pink;
+  }
+  .hideme when (@b = 1) {
+    color: green;
+  }
+  & when (@b = 1) {
+    hideme: green;
+  }
+}
+
+.hideme when (@b = 1) {
+  .test {
+    color: black;
+  }
+  &:hover {
+    color: pink;
+  }
+  .hideme when (@b = 1) {
+    color: green;
+  }
+}
+
+& when (@b = 1) {
+  .hideme {
+    color: red;
+  }
+}
+
+.mixin-with-guard-inside(@colWidth) {
+  // selector with guard (applies also to & when() ...)
+  .clsWithGuard when (@colWidth <= 0) {
+    dispaly: none;
+  }
+}
+
+.mixin-with-guard-inside(0px);
+
+.dont-split-me-up {
+  width: 1px;
+  & when (@c = 3) {
+    color: red;
+  }
+  & when (@c = 3) {
+    height: 1px;
+  }
+  + & when (@c = 3) { // creates invalid css but tests that we don't fold it in
+    sibling: true;
+  }
+}
+
+.scope-check when (@c = 3) {
+  @k: 1px;
+  & when (@c = 3) {
+    @k: 2px;
+    sub-prop: @k;
+  }
+  prop: @k;
+}
+.scope-check-2 {
+  .scope-check();
+  @k:4px;
+}
+.errors-if-called when (@c = never) {
+  .mixin-doesnt-exist();
+}

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

@@ -27,16 +27,19 @@ div#id {
 }
 
 @media print {
-  font-size: 3em;
+  * {
+    font-size: 3em;
+  }
 }
 
 @media screen {
-  font-size: 10px;
+  * {
+    font-size: 10px;
+  }
 }
 
 @font-face {
   font-family: 'Garamond Pro';
-  src: url("/fonts/garamond-pro.ttf");
 }
 
 a:hover, a:link {
@@ -52,7 +55,7 @@ q:lang(no) {
 }
 
 p + h1 {
-  font-size: 2.2em;
+  font-size: +2.2em;
 }
 
 #shorthands {
@@ -61,13 +64,14 @@ p + h1 {
   font: 100%/16px Arial;
   margin: 1px 0;
   padding: 0 auto;
-  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
 }
 
 #more-shorthands {
   margin: 0;
   padding: 1px 0 2px 0;
-  font: normal small/20px 'Trebuchet MS', Verdana, sans-serif; 
+  font: normal small/20px 'Trebuchet MS', Verdana, sans-serif;
+  font: 0/0 a;
+  border-radius: 5px / 10px;
 }
 
 .misc {
@@ -75,10 +79,13 @@ p + h1 {
   display: -moz-inline-stack;
   width: .1em;
   background-color: #009998;
-  background-image: url(images/image.jpg);
   background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
   margin: ;
+  .nested-multiple {
+	multiple-semi-colons: yes;;;;;;
+  };
   filter: alpha(opacity=100);
+  width: auto\9;
 }
 
 #important {
@@ -87,10 +94,15 @@ p + h1 {
   height: 20px ! important;
 }
 
-#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==);
+.def-font(@name) {
+    @font-face {
+        font-family: @name
+    }
+}
+
+.def-font(font-a);
+.def-font(font-b);
+
+.æøå {
+  margin: 0;
 }

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

@@ -0,0 +1,25 @@
+@charset "ISO-8859-1";
+
+.mixin_import1() {
+    @media all {
+        .tst {
+            color: black;
+            @media screen {
+                color: red;
+                .tst3 {
+                    color: white;
+                }
+            }
+        }
+    }
+}
+
+.mixin_import2() {
+    .tst2 {
+        color: white;
+    }
+}
+
+.tst3 {
+    color: grey;
+}

data/lib/less/js/test/less/debug/linenumbers.less

@@ -0,0 +1,33 @@
+@charset "UTF-8";
+
+@import "import/test.less";
+
+.start() {
+  .test2 {
+      color: red;
+  }
+}
+
+.mix() {
+    color: black;
+}
+
+.test1 {
+  .mix();
+}
+
+.start();
+
+.mixin_import1();
+
+.mixin_import2();
+
+@debug: 1;
+& when (@debug = 1) {
+  .test {
+    color: red;
+    & when (@debug = 1) {
+      width: 2;
+    }
+  }
+}