less 2.0.0 → 2.6.0

data/lib/less/js/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;
+}

data/lib/less/js/test/less/errors/parse-error-with-import.txt

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

data/lib/less/js/test/less/errors/percentage-missing-space.less

@@ -0,0 +1,3 @@
+.a {
+  error: calc(1 %);
+}

data/lib/less/js/test/less/errors/percentage-missing-space.txt

@@ -0,0 +1,4 @@
+SyntaxError: Invalid % without number in {path}percentage-missing-space.less on line 2, column 3:
+1 .a {
+2   error: calc(1 %);
+3 }

data/lib/less/js/test/less/errors/property-asterisk-only-name.less

@@ -0,0 +1,3 @@
+a {
+    * : 1;
+}

data/lib/less/js/test/less/errors/property-asterisk-only-name.txt

@@ -0,0 +1,4 @@
+ParseError: Unrecognised input in {path}property-asterisk-only-name.less on line 2, column 5:
+1 a {
+2     * : 1;
+3 }

data/lib/less/js/test/less/errors/property-ie5-hack.less

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

data/lib/less/js/test/less/errors/property-ie5-hack.txt

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

data/lib/less/js/test/less/errors/property-in-root.less

@@ -0,0 +1,4 @@
+.a() {
+  prop:1;
+}
+.a();

data/lib/less/js/test/less/errors/property-in-root.txt

@@ -0,0 +1,4 @@
+SyntaxError: properties must be inside selector blocks, they cannot be in the root. in {path}property-in-root.less on line 2, column 3:
+1 .a() {
+2   prop:1;
+3 }

data/lib/less/js/test/less/errors/property-in-root2.less

@@ -0,0 +1 @@
+@import "property-in-root";

data/lib/less/js/test/less/errors/property-in-root2.txt

@@ -0,0 +1,4 @@
+SyntaxError: properties must be inside selector blocks, they cannot be in the root. in {path}property-in-root.less on line 2, column 3:
+1 .a() {
+2   prop:1;
+3 }

data/lib/less/js/test/less/errors/property-in-root3.less

@@ -0,0 +1,4 @@
+prop:1;
+.a {
+  prop:1;
+}

data/lib/less/js/test/less/errors/property-in-root3.txt

@@ -0,0 +1,3 @@
+SyntaxError: properties must be inside selector blocks, they cannot be in the root. in {path}property-in-root3.less on line 1, column 1:
+1 prop:1;
+2 .a {

data/lib/less/js/test/less/errors/property-interp-not-defined.less

@@ -0,0 +1 @@
+a {outline-@{color}: green}

data/lib/less/js/test/less/errors/property-interp-not-defined.txt

@@ -0,0 +1,2 @@
+NameError: variable @color is undefined in {path}property-interp-not-defined.less on line 1, column 12:
+1 a {outline-@{color}: green}

data/lib/less/js/test/less/errors/recursive-variable.less

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

data/lib/less/js/test/less/errors/recursive-variable.txt

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

data/lib/less/js/test/less/errors/svg-gradient1.less

@@ -0,0 +1,3 @@
+.a {
+  a: svg-gradient(horizontal, black, white);
+}

data/lib/less/js/test/less/errors/svg-gradient1.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `svg-gradient`: svg-gradient direction must be 'to bottom', 'to right', 'to bottom right', 'to top right' or 'ellipse at center' in {path}svg-gradient1.less on line 2, column 6:
+1 .a {
+2   a: svg-gradient(horizontal, black, white);
+3 }

data/lib/less/js/test/less/errors/svg-gradient2.less

@@ -0,0 +1,3 @@
+.a {
+  a: svg-gradient(to bottom, black, orange, 45%, white);
+}

data/lib/less/js/test/less/errors/svg-gradient2.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `svg-gradient`: svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position] in {path}svg-gradient2.less on line 2, column 6:
+1 .a {
+2   a: svg-gradient(to bottom, black, orange, 45%, white);
+3 }

data/lib/less/js/test/less/errors/svg-gradient3.less

@@ -0,0 +1,3 @@
+.a {
+  a: svg-gradient(black, orange);
+}

data/lib/less/js/test/less/errors/svg-gradient3.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `svg-gradient`: svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position] in {path}svg-gradient3.less on line 2, column 6:
+1 .a {
+2   a: svg-gradient(black, orange);
+3 }

data/lib/less/js/test/less/errors/unit-function.less

@@ -0,0 +1,3 @@
+.a {
+  font-size: unit(80/16,rem);
+}

data/lib/less/js/test/less/errors/unit-function.txt

@@ -0,0 +1,4 @@
+ArgumentError: error evaluating function `unit`: the first argument to unit must be a number. Have you forgotten parenthesis? in {path}unit-function.less on line 2, column 14:
+1 .a {
+2   font-size: unit(80/16,rem);
+3 }

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

@@ -0,0 +1,91 @@
+//very simple chaining
+.a {
+  color: black;
+}
+.b:extend(.a) {}
+.c:extend(.b) {}
+
+//very simple chaining, ordering not important
+
+.d:extend(.e) {}
+.e:extend(.f) {}
+.f {
+  color: black;
+}
+
+//extend with all
+
+.g.h {
+  color: black;
+}
+.i.j:extend(.g all) {
+  color: white;
+}
+.k:extend(.i all) {}
+
+//extend multi-chaining
+
+.l {
+  color: black;
+}
+.m:extend(.l){}
+.n:extend(.m){}
+.o:extend(.n){}
+.p:extend(.o){}
+.q:extend(.p){}
+.r:extend(.q){}
+.s:extend(.r){}
+.t:extend(.s){}
+
+// self referencing is ignored
+
+.u {color: black;}
+.v.u.v:extend(.u all){}
+
+// circular reference because the new extend product will match the existing extend
+
+.w:extend(.w) {color: black;}
+.v.w.v:extend(.w all){}
+
+// classic circular references
+
+.x:extend(.z) {
+  color: x;
+}
+.y:extend(.x) {
+  color: y;
+}
+.z:extend(.y) {
+  color: z;
+}
+
+//very simple chaining, but with the extend inside the ruleset
+.va {
+  color: black;
+}
+.vb {
+  &:extend(.va);
+  color: white;
+}
+.vc {
+  &:extend(.vb);
+}
+
+// media queries - dont extend outside, do extend inside
+
+@media tv {
+  .ma:extend(.a,.b,.c,.d,.e,.f,.g,.h,.i,.j,.k,.l,.m,.n,.o,.p,.q,.r,.s,.t,.u,.v,.w,.x,.y,.z,.md) {
+    color: black;
+  }
+  .md {
+    color: white;
+  }
+  @media plasma {
+    .me, .mf {
+      &:extend(.mb,.md);
+      background: red;
+    }
+  }
+}
+.mb:extend(.ma) {};
+.mc:extend(.mb) {};

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

@@ -0,0 +1,19 @@
+.clearfix {
+  *zoom: 1;
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+    height: 0;
+  }
+}
+
+.foo {
+  &:extend(.clearfix all);
+  color: red;
+}
+
+.bar {
+  &:extend(.clearfix all);
+  color: blue;
+}

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

@@ -0,0 +1,46 @@
+.replace.replace,
+.c.replace + .replace {
+  .replace,
+  .c {
+    prop: copy-paste-replace;
+  }
+}
+.rep_ace:extend(.replace.replace .replace) {}
+
+.a .b .c {
+  prop: not_effected;
+}
+
+.a {
+  prop: is_effected;
+  .b {
+    prop: not_effected;
+  }
+  .b.c {
+    prop: not_effected;
+  }
+}
+
+.c, .a {
+  .b, .a {
+    .a, .c {
+      prop: not_effected;
+    }
+  }
+}
+
+.effected {
+  &:extend(.a);
+  &:extend(.b);
+  &:extend(.c);
+}
+
+.e {
+  && {
+    prop: extend-double;
+    &:hover {
+      hover: not-extended;
+    }
+  }
+}
+.dbl:extend(.e.e) {}

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

@@ -0,0 +1,24 @@
+.ext1 .ext2 {
+  background: black;
+}
+
+@media tv {
+  .ext1 .ext3 {
+    color: white;
+  }
+  .tv-lowres :extend(.ext1 all) {
+    background: blue;
+  }
+  @media hires {
+    .ext1 .ext4 {
+      color: green;
+    }
+    .tv-hires :extend(.ext1 all) {
+      background: red;
+    }
+  }
+}
+
+.all:extend(.ext1 all) {
+
+}

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

@@ -0,0 +1,65 @@
+.sidebar {
+  width: 300px;
+  background: red;
+
+  .box {
+    background: #FFF;
+    border: 1px solid #000;
+    margin: 10px 0;
+  }
+}
+
+.sidebar2 {
+  &:extend(.sidebar all);
+  background: blue;
+}
+
+.type1 {
+    .sidebar3 {
+      &:extend(.sidebar all);
+      background: green;
+    }
+}
+
+.type2 {
+  &.sidebar4 {
+    &:extend(.sidebar all);
+    background: red;
+  }
+}
+
+.button {
+  color: black;
+  &:hover {
+    color: white;
+  }
+}
+.submit {
+  &:extend(.button);
+  &:hover:extend(.button:hover) {}
+}
+
+.nomatch {
+  &:hover:extend(.button :hover) {}
+}
+
+.button2 {
+  :hover {
+    nested: white;
+  }
+}
+.button2 :hover {
+  notnested: black;
+}
+
+.nomatch :extend(.button2:hover) {}
+
+.amp-test-a,
+.amp-test-b {
+  .amp-test-c &.amp-test-d&.amp-test-e {
+    .amp-test-f&+&.amp-test-g:extend(.amp-test-h) {}
+  }
+}
+.amp-test-h {
+  test: extended by masses of selectors;
+}

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

@@ -0,0 +1,99 @@
+.error {
+  border: 1px #f00;
+  background: #fdd;
+}
+.error.intrusion {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+.intrusion .error {
+  display: none;
+}
+.badError:extend(.error all) {
+  border-width: 3px;
+}
+
+.foo .bar, .foo .baz {
+    display: none;
+}
+
+.ext1 .ext2
+    :extend(.foo all) {
+}
+
+.ext3:extend(.foo all),
+.ext4:extend(.foo all) {
+}
+
+div.ext5,
+.ext6 > .ext5 {
+    width: 100px;
+}
+
+.should-not-exist-in-output,
+.ext7:extend(.ext5 all) {
+}
+
+.ext {
+  test: 1;
+}
+// same as 
+// .a .c:extend(.ext all)
+// .b .c:extend(.ext all)
+// .a .c .d
+// .b .c .d
+.a, .b {
+  test: 2;
+  .c:extend(.ext all) {
+    test: 3;
+    .d {
+      test: 4;
+    }
+  }
+}
+
+.replace.replace,
+.c.replace + .replace {
+  .replace,
+  .c {
+    prop: copy-paste-replace;
+  }
+}
+.rep_ace:extend(.replace all) {}
+
+.attributes {
+  [data="test"] {
+    extend: attributes;
+  }
+  .attribute-test {
+    &:extend([data="test"] all);
+  }
+  [data] {
+    extend: attributes2;
+  }
+  .attribute-test2 {
+    &:extend([data] all); //you could argue it should match [data="test"]... not for now though...
+  }
+  @attr-data: "test3";
+  [data=@{attr-data}] {
+    extend: attributes2;
+  }
+  .attribute-test {
+    &:extend([data="test3"] all);
+  }
+}
+
+.header {
+  .header-nav {
+    background: red;
+    &:before {
+      background: blue;
+    }
+  }
+}
+
+.footer {
+  .footer-nav {
+    &:extend( .header .header-nav all );
+  }
+}

data/lib/less/js/test/less/extend.less

@@ -0,0 +1,81 @@
+.error {
+  border: 1px #f00;
+  background: #fdd;
+}
+.error.intrusion {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+.intrusion .error {
+  display: none;
+}
+.badError {
+  &:extend(.error all);
+  border-width: 3px;
+}
+
+.foo .bar, .foo .baz {
+    display: none;
+}
+
+.ext1 .ext2 {
+    &:extend(.foo all);
+}
+
+.ext3,
+.ext4 {
+  &:extend(.foo all);
+  &:extend(.bar all);
+}
+
+div.ext5,
+.ext6 > .ext5 {
+    width: 100px;
+}
+
+.ext7 {
+    &:extend(.ext5 all);
+}
+
+.ext8.ext9 {
+  result: add-foo;
+}
+.ext8 .ext9,
+.ext8 + .ext9,
+.ext8 > .ext9 {
+  result: bar-matched;
+}
+.ext8.nomatch {
+  result: none;
+}
+.ext8 {
+  .ext9 {
+    result: match-nested-bar;
+  }
+}
+.ext8 {
+  &.ext9 {
+    result: match-nested-foo;
+  }
+}
+
+.fuu:extend(.ext8.ext9 all) {}
+.buu:extend(.ext8 .ext9 all) {}
+.zap:extend(.ext8 + .ext9 all) {}
+.zoo:extend(.ext8 > .ext9 all) {}
+
+.aa {
+  color: black;
+  .dd {
+    background: red;
+  }
+}
+.bb {
+  background: red;
+  .bb {
+    color: black;
+  }
+}
+.cc:extend(.aa,.bb) {}
+.ee:extend(.dd all,.bb) {}
+.ff:extend(.dd,.bb all) {}