less 0.8.8 → 1.2.21

data/spec/css/colors.css

@@ -0,0 +1,14 @@
+#yelow #short { color: #ffeeaa; }
+#yelow #long { color: #ffeeaa; }
+#yelow #rgba { color: rgba(255, 238, 170, 0.1); }
+#blue #short { color: #0000ff; }
+#blue #long { color: #0000ff; }
+#blue #rgba { color: rgba(0, 0, 255, 0.1); }
+#overflow .a { color: #000000; }
+#overflow .b { color: #ffffff; }
+#overflow .c { color: #ffffff; }
+#overflow .d { color: #00ff00; }
+#grey {
+  color: #c8c8c8;
+  background-color: #323232;
+}

data/spec/css/comments.css

@@ -0,0 +1,9 @@
+#comments {
+  color: red;
+  background-color: orange;
+  font-size: 12px;
+  content: "content";
+  border: 1px solid black;
+  padding: 0;
+  margin: 2em;
+}

data/spec/css/css-3.css

@@ -0,0 +1,21 @@
+.comma-delimited {
+  background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
+  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");
+}
+.other { -moz-transform: translate(0, 11em) rotate(-90deg); }
+p:not([class*="lead"]) { color: black; }
+input[type="text"].class#id[attr=32]:not(1) { color: white; }
+div#id.class[a=1][b=2].class:not(1) { color: white; }
+ul.comma > li:not(:only-child)::after { color: white; }
+ol.comma > li:nth-last-child(2)::after { color: white; }
+li:nth-child(4n+1) { color: white; }
+li:nth-child(-5n) { color: white; }
+li:nth-child(n+1) { color: white; }
+li:nth-child(-n+2) { color: white; }
+a[href^="http://"], a[href$="http://"] { color: black; }
+p::before { color: black; }

data/spec/css/css.css

@@ -0,0 +1,50 @@
+div { color: black; }
+div { width: 99%; }
+* { min-width: 45em; }
+h1 { color: none; }
+h2 > a > p { color: none; }
+h3 { color: none; }
+div.class { color: blue; }
+div#id { color: green; }
+.class#id { color: purple; }
+.one.two.three { color: grey; }
+@media print { font-size: 3em; }
+@media screen { font-size: 10px; }
+@font-face {
+  font-family: 'Garamond Pro';
+  src: url("/fonts/garamond-pro.ttf");
+}
+a:hover { color: #999999; }
+a:link { color: #999999; }
+p { text-transform: none; }
+p:first-child { text-transform: none; }
+q:lang(no) { quotes: none; }
+p + h1 { font-size: 2.2em; }
+input[type="text"] { font-weight: normal; }
+h2[title] { font-size: 100%; }
+[disabled] { color: transparent; }
+#shorthands {
+  border: 1px solid #000000;
+  font: 12px/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;
+}
+.misc {
+  -moz-border-radius: 2px;
+  display: -moz-inline-stack;
+  width: 0.1em;
+  background-color: #009998;
+  background-image: url(images/image.jpg);
+  background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
+}
+#important {
+  color: red !important;
+  width: 100% !important;
+  height: 20px ! important;
+}

data/spec/css/dash-prefix.css

@@ -0,0 +1,12 @@
+.test1 {
+  background-image: -moz-linear-gradient(top, bottom, from(#030303), to(#010101));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#030303), to(#010101));
+}
+.test2 {
+  background-image: -moz-linear-gradient(top, bottom, from(#020202), to(#010101));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), to(#010101));
+}
+.test3 {
+  background-image: -moz-linear-gradient(top, bottom, from(red), to(green));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(green));
+}

data/spec/css/functions.css

@@ -0,0 +1,6 @@
+#functions {
+  color: #999999;
+  width: 16;
+  height: undefined("self");
+  border-width: 5;
+}

data/spec/css/import-with-extra-paths.css

@@ -0,0 +1,8 @@
+#css { color: yellow; }
+#import { color: red; }
+.mixin {
+  height: 10px;
+  color: red;
+}
+body { font-size: 0.75em; }
+h2 { font-size: 2em; }

data/spec/css/import-with-partial-in-extra-path.css

@@ -0,0 +1,6 @@
+.mixin { font-size: 0.75em; }
+#import-test {
+  font-size: 0.75em;
+  width: 10px;
+  height: 30%;
+}

data/spec/css/import.css

@@ -0,0 +1,12 @@
+#css { color: yellow; }
+#import { color: red; }
+.mixin {
+  height: 10px;
+  color: red;
+}
+#import-test {
+  height: 10px;
+  color: red;
+  width: 10px;
+  height: 30%;
+}

data/spec/css/lazy-eval.css

@@ -0,0 +1 @@
+.lazy-eval { width: 100%; }

data/spec/css/mixins-args.css

@@ -0,0 +1,32 @@
+.two-args {
+  color: blue;
+  width: 10px;
+  height: 99%;
+}
+.one-arg {
+  width: 15px;
+  height: 49%;
+}
+.no-parens {
+  width: 5px;
+  height: 49%;
+}
+.no-args {
+  width: 5px;
+  height: 49%;
+}
+.var-args {
+  width: 45;
+  height: 17%;
+}
+.multi-mix {
+  width: 10px;
+  height: 29%;
+  margin: 4;
+  padding: 5;
+}
+body {
+  padding: 30px;
+  color: #ff0000;
+}
+.scope-mix { width: 8; }

data/spec/css/mixins.css

@@ -0,0 +1,28 @@
+.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/css/operations.css

@@ -0,0 +1,28 @@
+#operations {
+  color: #111111;
+  height: 9px;
+  width: 3em;
+}
+#operations .spacing {
+  height: 9px;
+  width: 3em;
+}
+.with-variables {
+  height: 16em;
+  width: 24em;
+  size: 1cm;
+}
+.negative {
+  height: 0px;
+  width: 4px;
+}
+.shorthands { padding: -1px 2px 0 -4px; }
+.colors {
+  color: #112233;
+  border-color: #334455;
+  background-color: #000000;
+}
+.colors .other {
+  color: #222222;
+  border-color: #222222;
+}

data/spec/css/parens.css

@@ -0,0 +1,20 @@
+.parens {
+  border: 2px solid black;
+  margin: 1px 3px 16 3;
+  width: 36;
+  padding: 2px 36px;
+}
+.more-parens {
+  padding: 8 4 4 4px;
+  width: 96;
+  height: 113;
+  margin: 12;
+}
+.nested-parens {
+  width: 71;
+  height: 6;
+}
+.mixed-units {
+  margin: 2px 4em 1 5pc;
+  padding: 6px 1em 2px 2;
+}

data/spec/css/rulesets.css

@@ -0,0 +1,17 @@
+#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 { color: #110000; }
+#first > .one > #second .two > #deux #fourth .seven { border: 1px solid black; }
+#first > .one > #second .two > #deux #fourth .eight > #nine { border: 1px solid black; }
+#first > .one > #second .two > #deux #fourth #ten { color: red; }
+#first > .one > #second .two > #deux #five { color: #110000; }
+#first > .one > #second .two > #deux #five .seven { border: 1px solid black; }
+#first > .one > #second .two > #deux #five .eight > #nine { border: 1px solid black; }
+#first > .one > #second .two > #deux #five #ten { color: red; }
+#first > .one > #second .two > #deux #six { color: #110000; }
+#first > .one > #second .two > #deux #six .seven { border: 1px solid black; }
+#first > .one > #second .two > #deux #six .eight > #nine { border: 1px solid black; }
+#first > .one > #second .two > #deux #six #ten { color: red; }

data/spec/css/scope.css

@@ -0,0 +1,11 @@
+.tiny-scope { color: #998899; }
+.scope1 {
+  color: blue;
+  border-color: black;
+}
+.scope1 .scope2 { color: blue; }
+.scope1 .scope2 .scope3 {
+  color: red;
+  border-color: black;
+  background-color: white;
+}

data/spec/css/selectors.css

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

data/spec/css/strings.css

@@ -0,0 +1,12 @@
+#strings {
+  background-image: url("http://son-of-a-banana.com");
+  quotes: "~" "~";
+  content: "#*%:&^,)!.(~*})";
+  empty: "";
+}
+#comments { content: "/* hello */ // not-so-secret"; }
+#single-quote {
+  quotes: "'" "'";
+  content: '""#!&""';
+  empty: '';
+}

data/spec/css/variables.css

@@ -0,0 +1,8 @@
+.variables { width: 14cm; }
+.variables {
+  height: 24px;
+  color: #888888;
+  font-family: "Trebuchet MS", Verdana, sans-serif;
+  quotes: "~" "~";
+}
+.alpha { filter: alpha(opacity=95); }

data/spec/css/whitespace.css

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

data/spec/engine_spec.rb

@@ -1,8 +1,16 @@
-require File.dirname(__FILE__) + '/spec_helper'
+require 'spec/spec_helper'
 
 module LessEngineSpecHelper
-  def lessify(string)
-    return Less::Engine.new(string).to_css(:desc)
+  def lessify arg
+    if arg.is_a? String or arg.is_a? File
+      return Less::Engine.new(arg).to_css
+    else
+      lessify File.new("spec/less/#{arg.to_s.gsub('_', '-')}.less")
+    end
+  end
+  
+  def css file
+    File.read("spec/css/#{file.to_s.gsub('_', '-')}.css")
   end
 end
 
@@ -10,25 +18,109 @@ describe Less::Engine do
   include LessEngineSpecHelper
 
   describe "to_css" do
-    it "should return p {} for p {}" do
-      lessify('p {}').should == 'p { }'
+    it "should parse css" do
+      lessify(:css).should == css(:css)
     end
-
-    it "should return css with variable usage" do
-      lessify("@brand_color: #4D926F;\n #header { color: @brand_color; }").should == "#header { color: #4D926F; }"
+    
+    it "should group selectors when it can" do
+      lessify(:selectors).should == css(:selectors)
     end
-
-    it "should return css as shown on home page" do
-      lessify("#header { \n  color: red;\n  a {\n    font-weight: bold;\n    text-decoration: none;\n  }\n}").should == "#header a { font-weight: bold; text-decoration: none; }\n#header { color: red; }"
+    
+    it "should parse css 3" do
+      lessify(:css_3).should == css(:css_3)
+    end
+    
+    it "should handle properties prefixed with a dash" do
+      lessify(:dash_prefix).should == css(:dash_prefix)
+    end
+    
+    it "should parse comments" do
+      lessify(:comments).should == css(:comments)
+    end
+    
+    it "should deal with whitespace" do
+      lessify(:whitespace).should == css(:whitespace)
+    end
+    
+    it "should parse nested rules" do
+      lessify(:rulesets).should == css(:rulesets)
+    end
+    
+    it "should parse variables" do
+      lessify(:variables).should == css(:variables)
+    end
+    
+    it "should parse operations" do
+      lessify(:operations).should == css(:operations)
+    end
+    
+    it "should manage scope" do
+      lessify(:scope).should == css(:scope)
+    end
+    
+    it "should parse parens" do
+      lessify(:parens).should == css(:parens)
+    end
+    
+    it "should parse strings" do
+      lessify(:strings).should == css(:strings)
+    end
+    
+    it "should parse accessors" do
+      lessify(:accessors).should == css(:accessors)
+    end
+    
+    it "should parse colors in hex" do
+      lessify(:colors).should == css(:colors)
+    end
+    
+    it "should parse mixins" do
+      lessify(:mixins).should == css(:mixins)
+    end
+    
+    it "should parse mixins with arguments" do
+      lessify(:mixins_args).should == css(:mixins_args)
+    end
+    
+    it "should evaluate variables lazily" do
+      lessify(:lazy_eval).should == css(:lazy_eval)
     end
 
-    it "should handle :hover" do
-      lessify("a:hover {\n color: red; }").should == "a:hover { color: red; }"
+    it "should handle custom functions" do
+      module Less::Functions
+        def color args
+          arg = args.first
+          Less::Node::Color.new("99", "99", "99") if arg == "evil red"
+        end
+        
+        def increment a
+          Less::Node::Number.new(a.evaluate.to_i + 1)
+        end
+        
+        def add a, b
+          Less::Node::Number.new(a.evaluate + b.evaluate)
+        end
+      end
+      lessify(:functions).should == css(:functions)
+    end
+    
+    it "should work with import" do
+      lessify(:import).should == css(:import)
     end
 
-    it "should handle instances of double-quotes" do
-      lessify("blockquote:before, blockquote:after, q:before, q:after {\n content: \"\"; }").should == "blockquote:before, blockquote:after, q:before, q:after { content: ''; }"
+    it "should work tih import using extra paths" do
+      lambda {
+        lessify(:import_with_extra_paths).should == css(:import_with_extra_paths)
+      }.should raise_error(Less::ImportError)
+      # finding a partial in another location
+      $LESS_LOAD_PATH = ["spec/less/extra_import_path"]
+      lessify(:import_with_extra_paths).should == css(:import_with_extra_paths)
+      # overriding a partial in another location so this takes priority over the same named partial in the same directory
+      lessify(:import).should == css(:import_with_partial_in_extra_path)
     end
+    
+    it "should parse a big file"
+    it "should handle complex color operations"
   end
 end
 

data/spec/less/accessors.less

@@ -0,0 +1,20 @@
+.magic-box {
+  @trim: orange;
+  content: "gold";
+  width: 60cm;
+  height: 40cm;
+  #lock {
+    color: silver;
+  }
+}
+
+#accessors {
+  content: .magic-box['content']; // "gold"
+  width: .magic-box['width']; // 60cm
+}
+
+.unlock {
+  .magic-box;
+  color: #lock['color']; // silver
+  border-color: .magic-box[@trim]; // orange
+}