less 2.3.1 → 2.4.0

package/test/less-bom/extend-chaining.less

@@ -1,91 +0,0 @@
-//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) {};

package/test/less-bom/extend-clearfix.less

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

package/test/less-bom/extend-exact.less

@@ -1,46 +0,0 @@
-.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) {}

package/test/less-bom/extend-media.less

@@ -1,24 +0,0 @@
-.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) {
-
-}

package/test/less-bom/extend-nest.less

@@ -1,65 +0,0 @@
-.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;
-}

package/test/less-bom/extend-selector.less

@@ -1,99 +0,0 @@
-.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 );
-  }
-}

package/test/less-bom/extend.less

@@ -1,81 +0,0 @@
-.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) {}

package/test/less-bom/extract-and-length.less

@@ -1,133 +0,0 @@
-
-// simple array/list:
-
-.multiunit {
-  @v: abc "abc" 1 1px 1% #123;
-  length: length(@v);
-  extract: extract(@v, 1) extract(@v, 2) extract(@v, 3) extract(@v, 4) extract(@v, 5) extract(@v, 6);
-}
-
-.incorrect-index {
-    @v1: a  b  c;
-    @v2: a, b, c;
-    v1: extract(@v1,  5);
-    v2: extract(@v2, -2);
-}
-
-.scalar {
-    @var:          variable;
-    var-value:     extract(@var, 1);
-    var-length:    length(@var);
-    ill-index:     extract(@var, 2);
-
-    name-value:    extract(name, 1);
-    string-value:  extract("string", 1);
-    number-value:  extract(12345678, 1);
-    color-value:   extract(blue, 1);
-    rgba-value:    extract(rgba(80, 160, 240, 0.67), 1);
-    empty-value:   extract(~'', 1);
-
-    name-length:   length(name);
-    string-length: length("string");
-    number-length: length(12345678);
-    color-length:  length(blue);
-    rgba-length:   length(rgba(80, 160, 240, 0.67));
-    empty-length:  length(~'');
-}
-
-.mixin-arguments {
-    .mixin-args(a b c d);
-    .mixin-args(a, b, c, d);
-    .mixin-args(1; 2; 3; 4);
-}
-
-.mixin-args(@value) {
-    &-1 {
-        length:  length(@value);
-        extract: extract(@value, 3) ~"|" extract(@value, 2) ~"|" extract(@value, 1);
-    }
-}
-
-.mixin-args(...) {
-    &-2 {
-        length:  length(@arguments);
-        extract: extract(@arguments, 3) ~"|" extract(@arguments, 2) ~"|" extract(@arguments, 1);
-    }
-}
-
-.mixin-args(@values...) {
-    &-3 {
-        length:  length(@values);
-        extract: extract(@values, 3) ~"|" extract(@values, 2) ~"|" extract(@values, 1);
-    }
-}
-
-.mixin-args(@head, @tail...) {
-    &-4 {
-        length:  length(@tail);
-        extract: extract(@tail, 2) ~"|" extract(@tail, 1);
-    }
-}
-
-// "multidimensional" array/list
-
-.md-space-comma {
-    @v: a b c, 1 2 3, "x" "y" "z";
-    length-1:  length(@v);
-    extract-1: extract(@v, 2);
-    length-2:  length(extract(@v, 2));
-    extract-2: extract(extract(@v, 2), 2);
-
-    &-as-args {.mixin-args(a b c, 1 2 3, "x" "y" "z")}
-}
-
-.md-cat-space-comma {
-    @a: a b c;
-    @b: 1 2 3;
-    @c: "x" "y" "z";
-    @v: @a, @b, @c;
-    length-1:  length(@v);
-    extract-1: extract(@v, 2);
-    length-2:  length(extract(@v, 2));
-    extract-2: extract(extract(@v, 2), 2);
-
-    &-as-args {.mixin-args(@a, @b, @c)}
-}
-
-.md-cat-comma-space {
-    @a: a, b, c;
-    @b: 1, 2, 3;
-    @c: "x", "y", "z";
-    @v: @a @b @c;
-    length-1:  length(@v);
-    extract-1: extract(@v, 2);
-    length-2:  length(extract(@v, 2));
-    extract-2: extract(extract(@v, 2), 2);
-
-    &-as-args {.mixin-args(@a @b @c)}
-}
-
-.md-3D {
-    @a: a b c d, 1 2 3 4;
-    @b: 5 6 7 8, e f g h;
-    .3D(@a, @b);
-
-    .3D(...) {
-
-        @v1:       @arguments;
-        length-1:  length(@v1);
-        extract-1: extract(@v1, 1);
-
-        @v2:       extract(@v1, 2);
-        length-2:  length(@v2);
-        extract-2: extract(@v2, 1);
-
-        @v3:       extract(@v2, 1);
-        length-3:  length(@v3);
-        extract-3: extract(@v3, 3);
-
-        @v4:       extract(@v3, 4);
-        length-4:  length(@v4);
-        extract-4: extract(@v4, 1);
-    }
-}