less 2.4.0 → 2.5.0

data/lib/less/js/test/less/mixins-guards-default-func.less

@@ -0,0 +1,195 @@
+
+// basics:
+
+guard-default-basic-1 {
+    .m(1)                   {case:     1}
+    .m(@x) when (default()) {default: @x}
+
+    &-1 {.m(1)}
+    &-2 {.m(2)}
+}
+
+guard-default-basic-2 {
+    .m(1)                   {case:     1}
+    .m(2)                   {case:     2}
+    .m(3)                   {case:     3}
+    .m(@x) when (default()) {default: @x}
+
+    &-0 {.m(0)}
+    &-2 {.m(2)}
+}
+
+guard-default-basic-3 {
+    .m(@x) when (@x = 1)    {case:     1}
+    .m(2)                   {case:     2}
+    .m(@x) when (@x = 3)    {case:     3}
+    .m(@x) when (default()) {default: @x}
+
+    &-0 {.m(0)}
+    &-2 {.m(2)}
+    &-3 {.m(3)}
+}
+
+guard-default-definition-order {
+    .m(@x) when (default()) {default: @x}
+    .m(@x) when (@x = 1)    {case:     1}
+    .m(2)                   {case:     2}
+    .m(@x) when (@x = 3)    {case:     3}
+
+    &-0 {.m(0)}
+    &-2 {.m(2)}
+    &-2 {.m(3)}
+}
+
+// out of guard:
+
+guard-default-out-of-guard {
+    .m(1)                              {case-1:   1}
+    .m(@x: default()) when (default()) {default: @x}
+    
+    &-0 {
+        case-0: default();
+        .m(1);
+        .m(2);
+        case-2: default();
+    }
+    &-1 {.m(default())}
+    &-2 {.m()}
+}
+
+// expressions:
+
+guard-default-expr-not {
+    .m(1)                      {case:     1}
+    .m(@x) when not(default()) {default: @x}
+
+    &-1 {.m(1)}
+    &-2 {.m(2)}
+}
+
+guard-default-expr-eq {
+    .m(@x) when (@x = true)      {case:    @x}
+    .m(@x) when (@x = false)     {case:    @x}
+    .m(@x) when (@x = default()) {default: @x}
+
+    &-true  {.m(true)}
+    &-false {.m(false)}
+}
+
+guard-default-expr-or {
+    .m(1)                             {case:     1}
+    .m(2)                             {case:     2}
+    .m(@x) when (default()), (@x = 2) {default: @x}
+
+    &-1 {.m(1)}
+    &-2 {.m(2)}
+    &-3 {.m(3)}
+}
+
+guard-default-expr-and {
+    .m(1)                                {case:     1}
+    .m(2)                                {case:     2}
+    .m(@x) when (default()) and (@x = 3) {default: @x}
+
+    &-1 {.m(1)}
+    &-2 {.m(2)}
+    &-3 {.m(3)}
+    &-4 {.m(4)}
+}
+
+guard-default-expr-always {
+    .m(1)                                   {case:     1}
+    .m(@x) when (default()), not(default()) {default: @x} // always match
+
+    &-1 {.m(1)}
+    &-2 {.m(2)}
+}
+
+guard-default-expr-never {
+    .m(1)                                      {case:     1}
+    .m(@x) when (default()) and not(default()) {default: @x} // never match
+
+    &-1 {.m(1)}
+    &-2 {.m(2)}
+}
+
+
+// not conflicting multiple default() uses:
+
+guard-default-multi-1 {
+    .m(0)                   {case:       0}
+    .m(@x) when (default()) {default-1: @x}
+    .m(2)  when (default()) {default-2: @x}
+
+    &-0 {.m(0)}
+    &-1 {.m(1)}
+}
+
+guard-default-multi-2 {
+    .m(1, @x)   when (default()) {default-1: @x}
+    .m(2, @x)   when (default()) {default-2: @x}
+    .m(@x, yes) when (default()) {default-3: @x}
+
+    &-1 {.m(1, no)}
+    &-2 {.m(2, no)}
+    &-3 {.m(3, yes)}
+}
+
+guard-default-multi-3 {
+    .m(red)                                    {case-1: darkred}
+    .m(blue)                                   {case-2: darkblue}
+    .m(@x) when (iscolor(@x)) and (default())  {default-color: @x}
+    .m('foo')                                  {case-1: I am 'foo'}
+    .m('bar')                                  {case-2: I am 'bar'}
+    .m(@x) when (isstring(@x)) and (default()) {default-string: I am @x}
+
+    &-blue  {.m(blue)}
+    &-green {.m(green)}
+    &-foo   {.m('foo')}
+    &-baz   {.m('baz')}
+}
+
+guard-default-multi-4 {
+    .m(@x) when (default()), not(default())    {always: @x}
+    .m(@x) when (default()) and not(default()) {never:  @x}
+    .m(2)                                      {case:    2}
+    
+    .m(1);
+    .m(2);
+}
+
+guard-default-not-ambiguos-2 {
+    .m(@x)                     {case:         1}
+    .m(@x) when (default())    {default:     @x}
+    .m(@x) when not(default()) {not-default: @x}
+
+    .m(2);
+}
+
+guard-default-not-ambiguos-3 {
+    .m(@x)                     {case:           1}
+    .m(@x) when not(default()) {not-default-1: @x}
+    .m(@x) when not(default()) {not-default-2: @x}
+
+    .m(2);
+}
+
+// default & scope
+
+guard-default-scopes {
+    .s1() {.m(@v)                  {1: no condition}}
+    .s2() {.m(@v) when (@v)        {2: when true}}
+    .s3() {.m(@v) when (default()) {3: when default}}
+
+    &-3 {
+        .s2();
+        .s3();
+        .m(false);
+    }
+    
+    &-1 {
+        .s1();
+        .s3();
+        .m(false);
+    }
+}

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

@@ -43,6 +43,9 @@
 .ops (@a) when (@a =< 0) {
   height: lt-or-eq;
 }
+.ops (@a) when (@a <= 0) {
+  height: lt-or-eq-alias;
+}
 .ops (@a) when not(@a = 0) {
   height: not-eq;
 }
@@ -134,4 +137,17 @@
 }
 #tryNumberPx {
   .mixin(4px);
+}
+
+.lock-mixin(@a) {
+ .inner-locked-mixin(@x: @a) when (@a = 1) {
+    a: @a;
+    x: @x;
+  }
+}
+.call-lock-mixin {
+  .lock-mixin(1);
+  .call-inner-lock-mixin {
+    .inner-locked-mixin();
+  }
 }

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

@@ -1,4 +1,6 @@
-
+.submixin(@a) {
+  border-width: @a;
+}
 .mixin (9) {
   border: 9 !important;  
 }
@@ -9,6 +11,7 @@
     test: @a;
   }
   // comment
+  .submixin(@a);
 }
 
 .class {

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

@@ -0,0 +1,69 @@
+
+@a1: foo;
+@a2: ~".foo";
+@a4: ~"#foo";
+
+.@{a1} {
+    a: 1;
+}
+
+@{a2} {
+    a: 2;
+}
+
+#@{a1} {
+    a: 3;
+}
+
+@{a4} {
+    a: 4;
+}
+
+mi-test-a {
+    .foo;
+    #foo;
+}
+
+.b .bb {
+    &.@{a1}-xxx .yyy-@{a1}@{a4} {
+        & @{a2}.bbb {
+            b: 1;
+        }
+    }
+}
+
+mi-test-b {
+    .b.bb.foo-xxx.yyy-foo#foo.foo.bbb;
+}
+
+@c1: @a1;
+@c2: bar;
+@c3: baz;
+
+#@{c1}-foo {
+    > .@{c2} {
+        .@{c3} {
+            c: c;
+        }
+    }
+}
+
+mi-test-c {
+    &-1 {#foo-foo;}
+    &-2 {#foo-foo > .bar;}
+    &-3 {#foo-foo > .bar.baz;}
+}
+
+.Person(@name, @gender_) {
+    .@{name} {
+        @gender: @gender_;
+        .sayGender() {
+            gender: @gender;
+        }
+    }
+}
+
+mi-test-d {
+    .Person(person, "Male");
+    .person.sayGender();
+}

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

@@ -61,12 +61,30 @@
 .amp {
     &.support {
         color: orange;
+        .higher {
+            top: 0px;
+        }
+        &.deeper {
+            height: auto;
+        }
     }
 }
 .extended {
     .bo;
     .jo.ki;
     .amp.support;
+    .amp.support.higher;
+    .amp.support.deeper;
+}
+.do .re .mi .fa {
+    .sol .la {
+        .si {
+            color: cyan;
+        }
+    }
+}
+.mutli-selector-parents {
+    .do.re.mi.fa.sol.la.si;
 }
 .foo .bar {
   .bar;
@@ -112,3 +130,12 @@ h3 { .margin_between(15px, 5px); }
 
     &.large { .paddingFloat(((10em * 2) * 2)); }
 }
+.clearfix() {
+  // ...
+}
+.clearfix {
+  .clearfix();
+}
+.foo {
+  .clearfix();
+}

data/lib/less/js/test/less/modifyVars/extended.json

@@ -0,0 +1,5 @@
+{
+    "the-border": "1px",
+    "base-color": "#111",
+    "red": "#842210"
+}

data/lib/less/js/test/less/modifyVars/extended.less

@@ -0,0 +1,11 @@
+#header {
+  color: (@base-color * 3);
+  border-left: @the-border;
+  border-right: (@the-border * 2);
+}
+#footer {
+  color: (@base-color + #003300);
+  border-color: @red;
+}
+@red: blue; // var is overridden by the modifyVars
+//@base-color: green;

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

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

data/lib/less/js/test/less/no-js-errors/no-js-errors.txt

@@ -0,0 +1,4 @@
+SyntaxError: You are using JavaScript, which has been disabled. in {path}no-js-errors.less on line 2, column 6:
+1 .a {
+2   a: `1 + 1`;
+3 }

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

@@ -0,0 +1,2 @@
+.mixin() {
+}

data/lib/less/js/test/less/parens.less

@@ -39,3 +39,7 @@
   margin: 2px 4em 1 5pc;
   padding: (2px + 4px) 1em 2px 2;
 }
+
+.test-false-negatives {
+  a: ~"(";
+}

data/lib/less/js/test/less/property-name-interp.less

@@ -0,0 +1,53 @@
+
+pi-test {
+    @prefix: ufo-;
+    @a:    border;
+    @bb:      top;
+    @c_c:    left;
+    @d-d4: radius;
+    @-:         -;
+    
+    @{a}: 0;
+    @{prefix}width: 50%;
+    *-z-@{a} :1px dashed blue;
+    -www-@{a}-@{bb}: 2px;
+    @{d-d4}-is-not-a-@{a}:true;
+    @{a}-@{bb}-@{c_c}-@{d-d4}       : 2em;
+    @{a}@{-}@{bb}@{-}red@{-}@{d-d4}-: 3pt;
+
+    .mixin(mixer);
+    .merge(ish, base);
+}
+
+@global: global;
+
+.mixin(@arg) {
+    @local: local;
+    @{global}-@{local}-@{arg}-property: strong;
+}
+
+.merge(@p, @v) {
+    &-merge {
+        @prefix: pre;
+        @suffix: ish;
+        @{prefix}-property-ish+       :high;
+        pre-property-@{suffix}    +: middle;
+        @{prefix}-property-@{suffix}+:  low;
+        @{prefix}-property-@{p}   +  :   @v;
+    
+        @subterfuge: ~'+';
+        pre-property-ish@{subterfuge}: nice try dude;
+    }
+}
+
+pi-indirect-vars {
+    @{p}: @p;
+    @p: @@a;
+    @a: b;
+    @b: auto;
+}
+
+pi-complex-values {
+    @{p}@{p}: none;
+    @p: (1 + 2px) fadeout(#ff0, 50%), pi() /* foo */;
+}