less 1.2.21 → 2.0.0

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

@@ -0,0 +1,9 @@
+.class {
+  width: 99px;
+}
+.overwrite {
+  width: 99px;
+}
+.nested .class {
+  width: 5px;
+}

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

@@ -0,0 +1,14 @@
+.class .inner {
+  height: 300;
+}
+.class .inner .innest {
+  width: 30;
+  border-width: 60;
+}
+.class2 .inner {
+  height: 600;
+}
+.class2 .inner .innest {
+  width: 60;
+  border-width: 120;
+}

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

@@ -0,0 +1,49 @@
+.zero {
+  zero: 0;
+  one: 1;
+  two: 2;
+  three: 3;
+}
+.one {
+  zero: 0;
+  one: 1;
+  one-req: 1;
+  two: 2;
+  three: 3;
+}
+.two {
+  zero: 0;
+  one: 1;
+  two: 2;
+  three: 3;
+}
+.three {
+  zero: 0;
+  one: 1;
+  two: 2;
+  three-req: 3;
+  three: 3;
+}
+.left {
+  left: 1;
+}
+.right {
+  right: 1;
+}
+.border-right {
+  color: black;
+  border-right: 4px;
+}
+.border-left {
+  color: black;
+  border-left: 4px;
+}
+.only-right {
+  right: 33;
+}
+.only-left {
+  left: 33;
+}
+.left-right {
+  both: 330;
+}

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

@@ -0,0 +1,50 @@
+.mixin {
+  border: 1px solid black;
+}
+.mixout {
+  border-color: orange;
+}
+.borders {
+  border-style: dashed;
+}
+#namespace .borders {
+  border-style: dotted;
+}
+#namespace .biohazard {
+  content: "death";
+}
+#namespace .biohazard .man {
+  color: transparent;
+}
+#theme > .mixin {
+  background-color: grey;
+}
+#container {
+  color: black;
+  border: 1px solid black;
+  border-color: orange;
+  background-color: grey;
+}
+#header .milk {
+  color: white;
+  border: 1px solid black;
+  background-color: grey;
+}
+#header #cookie {
+  border-style: dashed;
+}
+#header #cookie .chips {
+  border-style: dotted;
+}
+#header #cookie .chips .calories {
+  color: black;
+  border: 1px solid black;
+  border-color: orange;
+  background-color: grey;
+}
+.secure-zone {
+  color: transparent;
+}
+.direct {
+  border-style: dotted;
+}

data/{spec → lib/less/js/test}/css/operations.css

@@ -2,6 +2,8 @@
   color: #111111;
   height: 9px;
   width: 3em;
+  substraction: 0;
+  division: 1;
 }
 #operations .spacing {
   height: 9px;
@@ -12,13 +14,20 @@
   width: 24em;
   size: 1cm;
 }
+.with-functions {
+  color: #646464;
+  color: #ff8080;
+  color: #c94a4a;
+}
 .negative {
   height: 0px;
   width: 4px;
 }
-.shorthands { padding: -1px 2px 0 -4px; }
+.shorthands {
+  padding: -1px 2px 0 -4px;
+}
 .colors {
-  color: #112233;
+  color: #123;
   border-color: #334455;
   background-color: #000000;
 }
@@ -26,3 +35,12 @@
   color: #222222;
   border-color: #222222;
 }
+.negations {
+  variable: -4px;
+  variable1: 0px;
+  variable2: 0px;
+  variable3: 8px;
+  variable4: 0px;
+  paren: -4px;
+  paren2: 16px;
+}

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

@@ -0,0 +1,29 @@
+#first > .one {
+  font-size: 2em;
+}
+#first > .one > #second .two > #deux {
+  width: 50%;
+}
+#first > .one > #second .two > #deux #third {
+  height: 100%;
+}
+#first > .one > #second .two > #deux #third:focus {
+  color: black;
+}
+#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 {
+  color: #110000;
+}
+#first > .one > #second .two > #deux #fourth .seven,
+#first > .one > #second .two > #deux #five .seven,
+#first > .one > #second .two > #deux #six .seven,
+#first > .one > #second .two > #deux #fourth .eight > #nine,
+#first > .one > #second .two > #deux #five .eight > #nine,
+#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 {
+  color: red;
+}

data/{spec → lib/less/js/test}/css/scope.css

@@ -1,9 +1,13 @@
-.tiny-scope { color: #998899; }
+.tiny-scope {
+  color: #998899;
+}
 .scope1 {
   color: blue;
   border-color: black;
 }
-.scope1 .scope2 { color: blue; }
+.scope1 .scope2 {
+  color: blue;
+}
 .scope1 .scope2 .scope3 {
   color: red;
   border-color: black;

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

@@ -0,0 +1,32 @@
+h1 a:hover,
+h2 a:hover,
+h3 a:hover,
+h1 p:hover,
+h2 p:hover,
+h3 p:hover {
+  color: red;
+}
+#all {
+  color: blue;
+}
+#the {
+  color: blue;
+}
+#same {
+  color: blue;
+}
+ul,
+li,
+div,
+q,
+blockquote,
+textarea {
+  margin: 0;
+}
+td {
+  margin: 0;
+  padding: 0;
+}
+td, input {
+  line-height: 1em;
+}

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

@@ -0,0 +1,38 @@
+#strings {
+  background-image: url("http://son-of-a-banana.com");
+  quotes: "~" "~";
+  content: "#*%:&^,)!.(~*})";
+  empty: "";
+  brackets: "{" "}";
+}
+#comments {
+  content: "/* hello */ // not-so-secret";
+}
+#single-quote {
+  quotes: "'" "'";
+  content: '""#!&""';
+  empty: '';
+  semi-colon: ';';
+}
+#escaped {
+  filter: DX.Transform.MS.BS.filter(opacity=50);
+}
+#one-line {
+  image: url(http://tooks.com);
+}
+#crazy {
+  image: url(http://), "}", url("http://}");
+}
+#interpolation {
+  url: "http://lesscss.org/dev/image.jpg";
+  url2: "http://lesscss.org/image-256.jpg";
+  url3: "http://lesscss.org#445566";
+  url4: "http://lesscss.org/hello";
+  url5: "http://lesscss.org/54.4";
+}
+.mix-mul-class {
+  color: blue;
+  color: red;
+  color: blue;
+  color: orange;
+}

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

@@ -0,0 +1,24 @@
+.variables {
+  width: 14cm;
+}
+.variables {
+  height: 24px;
+  color: #888888;
+  font-family: "Trebuchet MS", Verdana, sans-serif;
+  quotes: "~" "~";
+}
+.redefinition {
+  three: 3;
+}
+.values {
+  font-family: 'Trebuchet', 'Trebuchet', 'Trebuchet';
+  color: #888888 !important;
+  url: url('Trebuchet');
+  multi: something 'A', B, C, 'Trebuchet';
+}
+.variable-names {
+  name: 'hello';
+}
+.alpha {
+  filter: alpha(opacity=42);
+}

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

@@ -0,0 +1,36 @@
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white ;
+}
+.white, .space, .mania {
+  color: white;
+}
+.no-semi-column {
+  color: white;
+}
+.no-semi-column {
+  color: white;
+  white-space: pre;
+}
+.no-semi-column {
+  border: 2px solid white;
+}
+.newlines {
+  background: the,
+              great,
+              wall;
+  border: 2px
+          solid
+          black;
+}

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

@@ -0,0 +1,75 @@
+var path = require('path'),
+    fs = require('fs'),
+    sys = require('sys');
+
+require.paths.unshift(__dirname, path.join(__dirname, '..'));
+
+var less = require('lib/less');
+
+less.tree.functions.add = function (a, b) {
+    return new(less.tree.Dimension)(a.value + b.value);
+}
+less.tree.functions.increment = function (a) {
+    return new(less.tree.Dimension)(a.value + 1);
+}
+less.tree.functions.color = function (str) {
+    if (str.value === "evil red") { return new(less.tree.Color)("600") }
+}
+
+sys.puts("\n" + stylize("LESS", 'underline') + "\n");
+
+fs.readdirSync('test/less').forEach(function (file) {
+    if (! /\.less/.test(file)) { return }
+
+    toCSS('test/less/' + file, function (err, less) {
+        var name = path.basename(file, '.less');
+
+        fs.readFile(path.join('test/css', name) + '.css', 'utf-8', function (e, css) {
+            sys.print("- " + name + ": ")
+            if (less === css) { sys.print(stylize('OK', 'green')) }
+            else if (err) {
+                sys.print(stylize("ERROR: " + (err && err.message), 'red'));
+            } else {
+                sys.print(stylize("FAIL", 'yellow'));
+            }
+            sys.puts("");
+        });
+    });
+});
+
+function toCSS(path, callback) {
+    var tree, css;
+    fs.readFile(path, 'utf-8', function (e, str) {
+        if (e) { return callback(e) }
+
+        new(less.Parser)({
+            paths: [require('path').dirname(path)],
+            optimization: 0
+        }).parse(str, function (err, tree) {
+            if (err) {
+                callback(err);
+            } else {
+                try {
+                    css = tree.toCSS();
+                    callback(null, css);
+                } catch (e) {
+                    callback(e);
+                }
+            }
+        });
+    });
+}
+
+// Stylize a string
+function stylize(str, style) {
+    var styles = {
+        'bold'      : [1,  22],
+        'inverse'   : [7,  27],
+        'underline' : [4,  24],
+        'yellow'    : [33, 39],
+        'green'     : [32, 39],
+        'red'       : [31, 39]
+    };
+    return '\033[' + styles[style][0] + 'm' + str +
+           '\033[' + styles[style][1] + 'm';
+}

data/{spec → lib/less/js/test}/less/colors.less

@@ -22,6 +22,10 @@
   }
 }
 
+#alpha #hsla {
+    color: hsla(11, 20%, 20%, 0.6);
+}
+
 #overflow {
   .a { color: #111111 - #444444; } // #000000
   .b { color: #eee + #fff; } // #ffffff
@@ -31,5 +35,12 @@
 
 #grey {
   color: rgb(200, 200, 200);
-  background-color: hsl(50, 0, 50);
-}
+}
+
+#808080 {
+  color: hsl(50, 0%, 50%);
+}
+
+#00ff00 {
+  color: hsl(120, 100%, 50%);
+}