less 1.2.2 → 1.3.3

package/test/css/urls.css

@@ -0,0 +1,42 @@
+@import "import/../css/background.css";
+
+@import "import/import-test-d.css";
+@font-face {
+  src: url("/fonts/garamond-pro.ttf");
+  src: local(Futura-Medium), url(fonts.svg#MyGeometricModern) format("svg");
+}
+#shorthands {
+  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
+}
+#misc {
+  background-image: url(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(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
+}
+.values {
+  url: url('Trebuchet');
+}
+#logo {
+  width: 100px;
+  height: 100px;
+  background: url('import/imports/../assets/logo.png');
+}
+@font-face {
+  font-family: xecret;
+  src: url('import/imports/../assets/xecret.ttf');
+}
+#secret {
+  font-family: xecret, sans-serif;
+}

package/test/css/variables.css

@@ -13,7 +13,6 @@
 .values {
   font-family: 'Trebuchet', 'Trebuchet', 'Trebuchet';
   color: #888888 !important;
-  url: url('Trebuchet');
   multi: something 'A', B, C, 'Trebuchet';
 }
 .variable-names {

package/test/css/whitespace.css

@@ -36,3 +36,7 @@
           solid
           black;
 }
+.sel .newline_ws .tab_ws {
+  color: white;
+  background-position: 45 -23;
+}

package/test/less/charsets.less

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

package/test/less/colors.less

@@ -43,6 +43,10 @@
   color: rgb(200, 200, 200);
 }
 
+#333333 {
+  color: rgb(20%, 20%, 20%);
+}
+
 #808080 {
   color: hsl(50, 0%, 50%);
 }
@@ -63,3 +67,26 @@
     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%));
+    }
+}

package/test/less/comments.less

@@ -61,5 +61,17 @@
   -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; }/* } */

package/test/less/css-3.less

@@ -1,19 +1,21 @@
-.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;
 }
 @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 +26,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;
 }
 
@@ -63,3 +65,49 @@ p::before {
   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; }

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

package/test/less/css.less

@@ -36,7 +36,6 @@ div#id {
 
 @font-face {
   font-family: 'Garamond Pro';
-  src: url("/fonts/garamond-pro.ttf");
 }
 
 a:hover, a:link {
@@ -52,7 +51,7 @@ q:lang(no) {
 }
 
 p + h1 {
-  font-size: 2.2em;
+  font-size: +2.2em;
 }
 
 #shorthands {
@@ -61,13 +60,13 @@ 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: 0/0 a;
 }
 
 .misc {
@@ -75,9 +74,11 @@ 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);
 }
 
@@ -87,14 +88,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
+    }
 }
 
-#svg-data-uri {
-  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+.def-font(font-a);
+.def-font(font-b);
+
+.æøå {
+  margin: 0;
 }

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

package/test/less/debug/linenumbers.less

@@ -0,0 +1,23 @@
+@charset "UTF-8";
+
+@import "import/test.less";
+
+.start() {
+  .test2 {
+      color: red;
+  }
+}
+
+.mix() {
+    color: black;
+}
+
+.test1 {
+  .mix();
+}
+
+.start();
+
+.mixin_import1();
+
+.mixin_import2();

package/test/less/errors/bad-variable-declaration1.less

@@ -0,0 +1 @@
+@@demo: "hi";

package/test/less/errors/bad-variable-declaration1.txt

@@ -0,0 +1,2 @@
+ParseError: Syntax Error on line 1 in {path}bad-variable-declaration1.less:1:0
+1 @@demo: "hi";

package/test/less/errors/comment-in-selector.less

@@ -0,0 +1 @@
+#gaga /* Comment */ span { color: red }

package/test/less/errors/comment-in-selector.txt

@@ -0,0 +1,2 @@
+ParseError: Syntax Error on line 1 in {path}comment-in-selector.less:1:20
+1 #gaga /* Comment */ span { color: red }

package/test/less/errors/import-missing.less

@@ -0,0 +1 @@
+@import "file-does-not-exist.less";

package/test/less/errors/import-missing.txt

@@ -0,0 +1,3 @@
+FileError: 'file-does-not-exist.less' wasn't found.
+ in {path}import-missing.less:1:0
+1 @import "file-does-not-exist.less";

package/test/less/errors/import-no-semi.less

@@ -0,0 +1 @@
+@import "this-statement-is-invalid.less"

package/test/less/errors/import-no-semi.txt

@@ -0,0 +1,2 @@
+ParseError: Syntax Error on line 1 in {path}import-no-semi.less:1:0
+1 @import "this-statement-is-invalid.less"

package/test/less/errors/import-subfolder1.less

@@ -0,0 +1 @@
+@import "imports/import-subfolder1.less";

package/test/less/errors/import-subfolder1.txt

@@ -0,0 +1,3 @@
+NameError: .mixin-not-defined is undefined in {pathrel}mixin-not-defined.less:11:0
+10 
+11 .mixin-not-defined();

package/test/less/errors/import-subfolder2.less

@@ -0,0 +1 @@
+@import "imports/import-subfolder2.less";

package/test/less/errors/import-subfolder2.txt

@@ -0,0 +1,2 @@
+ParseError: missing opening `{` in {pathrel}parse-error-curly-bracket.less:1:1
+1 }}

package/test/less/errors/imports/import-subfolder1.less

@@ -0,0 +1 @@
+@import "subfolder/mixin-not-defined.less";

package/test/less/errors/imports/import-subfolder2.less

@@ -0,0 +1 @@
+@import "subfolder/parse-error-curly-bracket.less";

package/test/less/errors/imports/import-test.less

@@ -0,0 +1,4 @@
+.someclass
+{
+    font-weight: bold;
+}

package/test/less/errors/imports/subfolder/mixin-not-defined.less

@@ -0,0 +1 @@
+@import "../../mixin-not-defined.less";

package/test/less/errors/imports/subfolder/parse-error-curly-bracket.less

@@ -0,0 +1 @@
+@import "../../parse-error-curly-bracket.less";

package/test/less/errors/javascript-error.less

@@ -0,0 +1,3 @@
+.scope {
+    var: `this.foo.toJS()`;
+}

package/test/less/errors/javascript-error.txt

@@ -0,0 +1,4 @@
+SyntaxError: JavaScript evaluation error: 'TypeError: Cannot call method 'toJS' of undefined' in {path}javascript-error.less:2:26
+1 .scope {
+2     var: `this.foo.toJS()`;
+3 }

package/test/less/errors/mixed-mixin-definition-args-1.less

@@ -0,0 +1,6 @@
+.mixin(@a : 4, @b : 3, @c: 2) {
+    will: fail;
+}
+.mixin-test {
+    .mixin(@a: 5; @b: 6, @c: 7);
+}

package/test/less/errors/mixed-mixin-definition-args-1.txt

@@ -0,0 +1,4 @@
+SyntaxError: Cannot mix ; and , as delimiter types in {path}mixed-mixin-definition-args-1.less:5:29
+4 .mixin-test {
+5     .mixin(@a: 5; @b: 6, @c: 7);
+6 }

package/test/less/errors/mixed-mixin-definition-args-2.less

@@ -0,0 +1,6 @@
+.mixin(@a : 4, @b : 3, @c: 2) {
+    will: fail;
+}
+.mixin-test {
+    .mixin(@a: 5, @b: 6; @c: 7);
+}

package/test/less/errors/mixed-mixin-definition-args-2.txt

@@ -0,0 +1,4 @@
+SyntaxError: Cannot mix ; and , as delimiter types in {path}mixed-mixin-definition-args-2.less:5:25
+4 .mixin-test {
+5     .mixin(@a: 5, @b: 6; @c: 7);
+6 }

package/test/less/errors/mixin-not-defined.less

@@ -0,0 +1,11 @@
+
+.error-is-further-on() {
+}
+
+.pad-here-to-reproduce-error-in() {
+}
+
+.the-import-subfolder-test() {
+}
+
+.mixin-not-defined();

package/test/less/errors/mixin-not-defined.txt

@@ -0,0 +1,3 @@
+NameError: .mixin-not-defined is undefined in {path}mixin-not-defined.less:11:0
+10 
+11 .mixin-not-defined();

package/test/less/errors/mixin-not-matched.less

@@ -0,0 +1,6 @@
+@saxofon:trumpete;
+
+.mixin(saxofon) {
+}
+
+.mixin(@saxofon);

package/test/less/errors/mixin-not-matched.txt

@@ -0,0 +1,3 @@
+RuntimeError: No matching definition was found for `.mixin(trumpete)` in {path}mixin-not-matched.less:6:0
+5 
+6 .mixin(@saxofon);

package/test/less/errors/mixin-not-matched2.less

@@ -0,0 +1,6 @@
+@saxofon:trumpete;
+
+.mixin(@a, @b) {
+}
+
+.mixin(@a: @saxofon);

package/test/less/errors/mixin-not-matched2.txt

@@ -0,0 +1,3 @@
+RuntimeError: No matching definition was found for `.mixin(@a:trumpete)` in {path}mixin-not-matched2.less:6:0
+5 
+6 .mixin(@a: @saxofon);

package/test/less/errors/parse-error-curly-bracket.less

@@ -0,0 +1 @@
+}}

package/test/less/errors/parse-error-curly-bracket.txt

@@ -0,0 +1,2 @@
+ParseError: missing opening `{` in {path}parse-error-curly-bracket.less:1:1
+1 }}

package/test/less/errors/parse-error-missing-bracket.less

@@ -0,0 +1,2 @@
+body {
+  background-color: #fff;

package/test/less/errors/parse-error-missing-bracket.txt

@@ -0,0 +1,2 @@
+ParseError: missing closing `}` in {path}parse-error-missing-bracket.less:3:0
+2   background-color: #fff;

package/test/less/errors/parse-error-with-import.less

@@ -0,0 +1,13 @@
+@import 'import/import-test.less';
+
+body
+{
+    font-family: arial, sans-serif;
+}
+
+nonsense;
+
+.clickable
+{
+    cursor: pointer;
+}

package/test/less/errors/parse-error-with-import.txt

@@ -0,0 +1,4 @@
+ParseError: Syntax Error on line 8 in {path}parse-error-with-import.less:8:8
+7 
+8 nonsense;
+9 

package/test/less/errors/property-ie5-hack.less

@@ -0,0 +1,3 @@
+.test {
+  display/*/: block; /*sorry for IE5*/
+}

package/test/less/errors/property-ie5-hack.txt

@@ -0,0 +1,4 @@
+ParseError: Syntax Error on line 2 in {path}property-ie5-hack.less:2:2
+1 .test {
+2   display/*/: block; /*sorry for IE5*/
+3 }

package/test/less/errors/recursive-variable.less

@@ -0,0 +1 @@
+@bodyColor: darken(@bodyColor, 30%);

package/test/less/errors/recursive-variable.txt

@@ -0,0 +1,2 @@
+NameError: Recursive variable definition for @bodyColor in {path}recursive-variable.less:1:19
+1 @bodyColor: darken(@bodyColor, 30%);

package/test/less/functions.less

@@ -1,10 +1,12 @@
 #functions {
   @var: 10;
+  @colors: #000, #fff;
   color: _color("evil red"); // #660000
   width: increment(15);
   height: undefined("self");
   border-width: add(2, 3);
   variable: increment(@var);
+  background: linear-gradient(@colors);
 }
 
 #built-in {
@@ -17,24 +19,72 @@
   greyscale: greyscale(#203c31);
   spin-p: spin(hsl(340, 50%, 50%), 40);
   spin-n: spin(hsl(30, 50%, 50%), -40);
+  luma-white: luma(#fff);
+  luma-black: luma(#000);
+  luma-black-alpha: luma(rgba(0,0,0,0.5));
+  luma-red: luma(#ff0000);
+  luma-green: luma(#00ff00);
+  luma-blue: luma(#0000ff);
+  luma-yellow: luma(#ffff00);
+  luma-cyan: luma(#00ffff);
+  luma-white-alpha: luma(rgba(255,255,255,0.5));
+  contrast-filter: contrast(30%);
+  contrast-white: contrast(#fff);
+  contrast-black: contrast(#000);
+  contrast-red: contrast(#ff0000);
+  contrast-green: contrast(#00ff00);
+  contrast-blue: contrast(#0000ff);
+  contrast-yellow: contrast(#ffff00);
+  contrast-cyan: contrast(#00ffff);
+  contrast-light: contrast(#fff, #111111, #eeeeee);
+  contrast-dark: contrast(#000, #111111, #eeeeee);
+  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);
   format: %("rgb(%d, %d, %d)", @r, 128, 64);
   format-string: %("hello %s", "world");
   format-multiple: %("hello %s %d", "earth", 2);
   format-url-encode: %('red is %A', #ff0000);
   eformat: e(%("rgb(%d, %d, %d)", @r, 128, 64));
+  
+  unitless: unit(12px);
+  unit: unit(13px + 1px, em);
 
   hue: hue(hsl(98, 12%, 95%));
   saturation: saturation(hsl(98, 12%, 95%));
   lightness: lightness(hsl(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-percentage: round(10.2%);
+  ceil: ceil(10.1px);
+  floor: floor(12.9px);
   percentage: percentage(10px / 50);
   color: color("#ff0011");
+  tint: tint(#777777, 13);
+  tint-full: tint(#777777, 100);
+  tint-percent: tint(#777777, 13%);
+  shade: shade(#777777, 13);
+  shade-full: shade(#777777, 100);
+  shade-percent: shade(#777777, 13%);
+  
+  hsv: hsv(5, 50%, 30%);
+  hsva: hsva(3, 50%, 30%, 0.2);
+
+  mix: mix(#ff0000, #ffff00, 80);
+  mix-0: mix(#ff0000, #ffff00, 0);
+  mix-100: mix(#ff0000, #ffff00, 100);
+  mix-weightless: mix(#ff0000, #ffff00);
 
   .is-a {
     color: iscolor(#ddd);
-    color: iscolor(red);
-    color: iscolor(rgb(0, 0, 0));
+    color1: iscolor(red);
+    color2: iscolor(rgb(0, 0, 0));
     keyword: iskeyword(hello);
     number: isnumber(32);
     string: isstring("hello");
@@ -47,3 +97,15 @@
 #alpha {
   alpha: darken(hsla(25, 50%, 50%, 0.6), 10%);
 }
+
+#blendmodes {
+  multiply: multiply(#f60000, #f60000);
+  screen: screen(#f60000, #0000f6);
+  overlay: overlay(#f60000, #0000f6);
+  softlight: softlight(#f60000, #ffffff);
+  hardlight: hardlight(#f60000, #0000f6);
+  difference: difference(#f60000, #0000f6);
+  exclusion: exclusion(#f60000, #0000f6);
+  average: average(#f60000, #0000f6);
+  negation: negation(#f60000, #313131);
+}

package/test/less/ie-filters.less

@@ -5,4 +5,11 @@
   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);
+}
+.evalTest(@arg) {
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=@arg);
+}
+.evalTest1 {
+  .evalTest(30);
+  .evalTest(5);
 }

package/test/less/import/deeper/import-once-test-a.less

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