unboxed-less 1.2.12

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,17 @@
+.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; }
+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/functions.css

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

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,7 @@
+.variables { width: 14cm; }
+.variables {
+  height: 24px;
+  color: #888888;
+  font-family: "Trebuchet MS", Verdana, sans-serif;
+  quotes: "~" "~";
+}

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

@@ -0,0 +1,112 @@
+require 'spec/spec_helper'
+
+module LessEngineSpecHelper
+  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
+
+describe Less::Engine do
+  include LessEngineSpecHelper
+
+  describe "to_css" do
+    it "should parse css" do
+      lessify(:css).should == css(:css)
+    end
+    
+    it "should group selectors when it can" do
+      lessify(:selectors).should == css(:selectors)
+    end
+    
+    it "should parse css 3" do
+      lessify(:css_3).should == css(:css_3)
+    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 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 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
+}