unboxed-less 1.2.12

data/spec/less/colors.less

@@ -0,0 +1,35 @@
+#yelow {
+  #short {
+    color: #fea;
+  }
+  #long {
+    color: #ffeeaa;
+  }
+  #rgba {
+    color: rgba(255, 238, 170, 0.1);
+  }
+}
+
+#blue {
+  #short {
+    color: #00f;
+  }
+  #long {
+    color: #0000ff;
+  }
+  #rgba {
+    color: rgba(0, 0, 255, 0.1);
+  }
+}
+
+#overflow {
+  .a { color: #111111 - #444444; } // #000000
+  .b { color: #eee + #fff; } // #ffffff
+  .c { color: #aaa * 3; } // #ffffff
+  .d { color: #00ee00 + #009900; } // #00ff00
+}
+
+#grey {
+  color: rgb(200, 200, 200);
+  background-color: hsl(50, 0, 50);
+}

data/spec/less/comments.less

@@ -0,0 +1,46 @@
+/*  
+ * Comment Test
+ * 
+ * - cloudhead (http://cloudhead.net)
+ *
+ */
+
+////////////////
+@var: "content";
+////////////////
+
+/* Colors
+ * ------
+ *   #EDF8FC (background blue)
+ *   #166C89 (darkest blue)
+ *
+ * Text:
+ *   #333 (standard text) // A comment within a comment!
+ *   #1F9EC9 (standard link)
+ *
+ */
+
+/* @group Variables
+------------------- */
+#comments {
+  /**/ // An empty comment 
+  color: red; /* 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;
+} //
+
+/* commented out
+  #more-comments {
+    color: grey;
+  }
+*/
+
+//

data/spec/less/css-3.less

@@ -0,0 +1,45 @@
+.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://"] {
+  color: black;
+}
+
+a[href$="http://"] {
+  color: black;
+}
+
+p::before {
+  color: black;
+}

data/spec/less/css.less

@@ -0,0 +1,104 @@
+/* 
+
+  a CSS File
+
+*/
+
+div { color: black; }
+div { width: 99%; }
+
+* {
+  min-width: 45em;
+}
+
+h1, h2 > a > p, 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, a:link {
+  color: #999;
+}
+
+p, 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 #000;
+  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: .1em;
+  background-color: #009998;
+  background-image: url(images/image.jpg);
+  background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
+  margin: ;
+}
+
+#important {
+  color: red !important;
+  width: 100%!important;
+  height: 20px ! important;
+}
+

data/spec/less/exceptions/mixed-units-error.less

@@ -0,0 +1,3 @@
+#mixed-units-error {
+  color: 1px + #fff;
+}

data/spec/less/exceptions/name-error-1.0.less

@@ -0,0 +1,3 @@
+#name-error {
+  color: @var;
+}

data/spec/less/exceptions/syntax-error-1.0.less

@@ -0,0 +1,3 @@
+#syntax-error {
+  color: blue;;
+}

data/spec/less/functions.less

@@ -0,0 +1,6 @@
+#functions {
+  color: color("evil red"); // #999999
+  width: increment(15);
+  height: undefined("self");
+  border-width: add(2, 3);
+}

data/spec/less/hidden.less

@@ -0,0 +1,25 @@
+.hidden {
+  color: transparent;
+  .inside {
+    width: 0%;
+  }
+};
+
+.fully-hidden {
+  color: none;
+};
+
+.visible {
+  width: 100%;
+  .hidden {
+    color: black;
+  };
+}
+
+.mix {
+  .hidden;
+}
+
+.mix2 {
+  .visible;
+}

data/spec/less/import.less

@@ -0,0 +1,8 @@
+@import url("import/import-test-a.less");
+@import url("import/import-test-a.less");
+
+#import-test {
+  .mixin;
+  width: 10px;
+  height: @a + 10%;
+}

data/spec/less/import/import-test-a.less

@@ -0,0 +1,2 @@
+@import "import-test-b.less";
+@a: 20%;

data/spec/less/import/import-test-b.less

@@ -0,0 +1,8 @@
+@import "import-test-c";
+
+@b: 100%;
+
+.mixin {
+  height: 10px;
+  color: @c;
+}

data/spec/less/import/import-test-c.less

@@ -0,0 +1,7 @@
+
+@import "import-test-d.css";
+@c: red;
+
+#import {
+  color: @c;
+}

data/spec/less/import/import-test-d.css

@@ -0,0 +1 @@
+#css { color: yellow; }

data/spec/less/lazy-eval.less

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

data/spec/less/literal-css.less

@@ -0,0 +1,11 @@
+% {
+  @var: 2px;
+  #literal {
+     width: 2px * 2;
+  }
+  @media {
+    #nested {
+      color: red;
+    }
+  }
+}

data/spec/less/mixins-args.less

@@ -0,0 +1,59 @@
+.mixin (@a: 1px, @b: 50%) {
+  width: @a * 5;
+  height: @b - 1%;
+}
+
+.mixiny
+(@a: 0, @b: 0) {
+  margin: @a;
+  padding: @b;
+}
+
+.hidden() {
+  color: transparent;
+}
+
+.two-args {
+  color: blue;
+  .mixin(2px, 100%);
+}
+
+.one-arg {
+  .mixin(3px);
+}
+
+.no-parens {
+  .mixin;
+}
+
+.no-args {
+  .mixin();
+}
+
+.var-args {
+  @var: 9;
+  .mixin(@var, @var * 2);
+}
+
+.multi-mix {
+  .mixin(2px, 30%);
+  .mixiny(4, 5);
+}
+
+.maxa(@arg1: 10, @arg2: #f00) {
+  padding: @arg1 * 2px;
+  color: @arg2;
+}
+
+body {
+  .maxa(15);
+}
+
+@glob: 5;
+.global-mixin(@a:2) {
+  width: @glob + @a;
+}
+
+.scope-mix {
+  .global-mixin(3);
+}

data/spec/less/mixins.less

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

data/spec/less/operations.less

@@ -0,0 +1,39 @@
+#operations {
+  color: #110000 + #000011 + #001100; // #111111
+  height: 10px / 2px + 6px - 1px * 2; // 9px
+  width: 2 * 4 - 5em; // 3em
+  .spacing {
+    height: 10px / 2px+6px-1px*2;
+    width: 2  * 4-5em;
+  }
+}
+
+@x: 4;
+@y: 12em;
+
+.with-variables {
+  height: @x + @y; // 16em
+  width: 12 + @y; // 24em
+  size: 5cm - @x; // 1cm
+}
+
+@z: -2;
+
+.negative {
+  height: 2px + @z; // 0px
+  width: 2px - @z; // 4px
+}
+
+.shorthands {
+  padding: -1px 2px 0 -4px; //
+}
+
+.colors {
+  color: #123; // #112233
+  border-color: #234 + #111111; // #334455
+  background-color: #222222 - #fff; // #000000
+  .other {
+    color: 2 * #111; // #222222
+    border-color: #333333 / 3 + #111; // #222222
+  }
+}