@less/test-data 4.9.0 → 5.0.0-alpha.2

package/tests-unit/css-grid/legacy/css-grid.css

@@ -0,0 +1,27 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.wrapper {
+  display: grid;
+  grid-template-columns: [col1-start] 9fr [col1-end] 10px [col2-start] 3fr [col2-end];
+  grid-template-rows: auto;
+}
+.wrapper {
+  display: grid;
+  grid-template-columns: [left-bound] auto [container-left] 1170px [container-right] auto [right-bound];
+  grid-template-rows: [row-1-start] 140px [row-2-start] 390px [row-3-start] 200px [row-4-start] 120px [row-5-start] 120px [row-6-start] 120px;
+}
+.container-12 {
+  z-index: 20;
+  display: grid;
+  grid-column: container-left / span 1;
+  grid-row: 2;
+  grid-template-columns: [wrapcol-1-start] 1fr [wrapcol-1-end] 15px [wrapcol-2-start] 1fr [wrapcol-2-end] 15px [wrapcol-3-start] 1fr [wrapcol-3-end] 15px [wrapcol-4-start] 1fr [wrapcol-4-end] 15px [wrapcol-5-start] 1fr [wrapcol-5-end] 15px [wrapcol-6-start] 1fr [wrapcol-6-end] 15px [wrapcol-7-start] 1fr [wrapcol-7-end] 15px [wrapcol-8-start] 1fr [wrapcol-8-end] 15px [wrapcol-9-start] 1fr [wrapcol-9-end] 15px [wrapcol-10-start] 1fr [wrapcol-10-end] 15px [wrapcol-11-start] 1fr [wrapcol-11-end] 15px [wrapcol-12-start] 1fr [wrapcol-12-end];
+  grid-template-rows: repeat(14, [gutter] 10px [row] 60px);
+}
+.wrapper {
+  display: grid;
+  grid-template-columns: 9fr 1.875em 3fr;
+  grid-template-rows: auto;
+  grid-template-areas: "header header header" "content . sidebar" "footer footer footer";
+}

package/tests-unit/css-guards/css-guards.less

@@ -99,6 +99,7 @@
 .errors-if-called when (@c = never) {
   .mixin-doesnt-exist();
 }
-a:hover when (2 = true) {5:-}
+// a:hover when (2 = true) {5:-}
+a:hover when (2 = true) {all:reset}
 
 

package/tests-unit/detached-rulesets/detached-rulesets.css

@@ -29,14 +29,16 @@ html.lt-ie9 header {
 }
 .wrap-selector {
   test: extra-wrap;
-  visible-one: visible;
-  visible-two: visible;
 }
 .wrap-selector .wrap-selector {
   test: wrapped-twice;
   visible-one: visible;
   visible-two: visible;
 }
+.wrap-selector {
+  visible-one: visible;
+  visible-two: visible;
+}
 .wrap-selector {
   test-func: 90;
   test-arithmetic: 18px;
@@ -46,24 +48,30 @@ html.lt-ie9 header {
 .without-mixins {
   b: 1;
 }
-@media (orientation: portrait) and (tv) {
-  .my-selector {
-    background-color: black;
+@media (orientation: portrait) {
+  @media (tv) {
+    .my-selector {
+      background-color: black;
+    }
   }
-}
-@media (orientation: portrait) and (widescreen) and (print) and (tv) {
-  .triple-wrapped-mq {
-    triple: true;
+  @media (widescreen) {
+    @media (print) {
+      @media (tv) {
+        .triple-wrapped-mq {
+          triple: true;
+        }
+      }
+    }
+    @media (tv) {
+      .triple-wrapped-mq {
+        triple: true;
+      }
+    }
   }
-}
-@media (orientation: portrait) and (widescreen) and (tv) {
-  .triple-wrapped-mq {
-    triple: true;
-  }
-}
-@media (orientation: portrait) and (tv) {
-  .triple-wrapped-mq {
-    triple: true;
+  @media (tv) {
+    .triple-wrapped-mq {
+      triple: true;
+    }
   }
 }
 .a {

package/tests-unit/detached-rulesets/legacy/detached-rulesets.css

@@ -0,0 +1,79 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.wrap-selector {
+  color: black;
+  one: 1px;
+  four: magic-frame;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector {
+  color: red;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector {
+  color: black;
+  background: white;
+  visible-one: visible;
+  visible-two: visible;
+}
+header {
+  background: blue;
+}
+@media screen and (min-width: 1200) {
+  header {
+    background: red;
+  }
+}
+html.lt-ie9 header {
+  background: red;
+}
+.wrap-selector {
+  test: extra-wrap;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector .wrap-selector {
+  test: wrapped-twice;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector {
+  test-func: 90;
+  test-arithmetic: 18px;
+  visible-one: visible;
+  visible-two: visible;
+}
+.without-mixins {
+  b: 1;
+}
+@media (orientation: portrait) and (tv) {
+  .my-selector {
+    background-color: black;
+  }
+}
+@media (orientation: portrait) and (widescreen) and (print) and (tv) {
+  .triple-wrapped-mq {
+    triple: true;
+  }
+}
+@media (orientation: portrait) and (widescreen) and (tv) {
+  .triple-wrapped-mq {
+    triple: true;
+  }
+}
+@media (orientation: portrait) and (tv) {
+  .triple-wrapped-mq {
+    triple: true;
+  }
+}
+.a {
+  test: test;
+}
+.argument-default {
+  default: works;
+  direct: works;
+  named: works;
+}

package/tests-unit/directives-bubbling/directives-bubbling.css

@@ -36,7 +36,7 @@
 @supports (property: value) {
   @media (max-size: 2px) {
     @supports (whatever: something) {
-      .outOfMedia  {
+      .outOfMedia {
         property: value;
       }
     }
@@ -45,7 +45,7 @@
 @supports (property: value) {
   @media (max-size: 2px) {
     @supports (whatever: something) {
-      .onTop  {
+      .onTop {
         property: value;
       }
     }
@@ -77,14 +77,16 @@
     }
   }
 }
-@media print and (max-size: 2px) {
-  .in1 {
-    stay: here;
-  }
-  @supports not (-webkit-font-smoothing: subpixel-antialiased) {
-    @supports (whatever: something) {
-      .in2 .in1 {
-        property: value;
+@media print {
+  @media (max-size: 2px) {
+    .in1 {
+      stay: here;
+    }
+    @supports not (-webkit-font-smoothing: subpixel-antialiased) {
+      @supports (whatever: something) {
+        .in2 .in1 {
+          property: value;
+        }
       }
     }
   }
@@ -101,10 +103,6 @@ html {
     property: value;
   }
 }
-.onTop {
-  animation: "textscale";
-  font-family: something;
-}
 @font-face {
   font-family: something;
   src: made-up-url;
@@ -117,3 +115,7 @@ html {
     font-size: 2em;
   }
 }
+.onTop {
+  animation: "textscale";
+  font-family: something;
+}

package/tests-unit/extend/extend.css

@@ -3,34 +3,22 @@
   border: 1px #f00;
   background: #fdd;
 }
-.error.intrusion,
-.badError.intrusion {
+:is(.error, .badError).intrusion {
   font-size: 1.3em;
   font-weight: bold;
 }
-.intrusion .error,
-.intrusion .badError {
+.intrusion :is(.error, .badError) {
   display: none;
 }
 .badError {
   border-width: 3px;
 }
-.foo .bar,
-.foo .baz,
-.ext1 .ext2 .bar,
-.ext1 .ext2 .baz,
-.ext3 .bar,
-.ext3 .baz,
-.foo .ext3,
-.ext4 .bar,
-.ext4 .baz,
-.foo .ext4 {
+:is(.foo, .ext1 .ext2, .ext3, .ext4) :is(.bar, .ext3, .ext4),
+:is(.foo, .ext1 .ext2, .ext3, .ext4) .baz {
   display: none;
 }
-div.ext5,
-.ext6 > .ext5,
-div.ext7,
-.ext6 > .ext7 {
+div:is(.ext5, .ext7),
+.ext6 > :is(.ext5, .ext7) {
   width: 100px;
 }
 .ext8.ext9,
@@ -56,21 +44,27 @@ div.ext7,
 .fuu {
   result: match-nested-foo;
 }
-.aa,
-.cc {
+.aa {
   color: black;
+  .dd,
+  .ee {
+    background: red;
+  }
 }
-.aa .dd,
-.aa .ee {
-  background: red;
+.cc {
+  color: black;
 }
 .bb,
-.cc,
-.ee,
 .ff {
   background: red;
+  .bb,
+  .ff {
+    color: black;
+  }
 }
-.bb .bb,
-.ff .ff {
-  color: black;
+.cc {
+  background: red;
+}
+.ee {
+  background: red;
 }

package/tests-unit/extend/legacy/extend.css

@@ -0,0 +1,79 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.error,
+.badError {
+  border: 1px #f00;
+  background: #fdd;
+}
+.error.intrusion,
+.badError.intrusion {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+.intrusion .error,
+.intrusion .badError {
+  display: none;
+}
+.badError {
+  border-width: 3px;
+}
+.foo .bar,
+.foo .baz,
+.ext1 .ext2 .bar,
+.ext1 .ext2 .baz,
+.ext3 .bar,
+.ext3 .baz,
+.foo .ext3,
+.ext4 .bar,
+.ext4 .baz,
+.foo .ext4 {
+  display: none;
+}
+div.ext5,
+.ext6 > .ext5,
+div.ext7,
+.ext6 > .ext7 {
+  width: 100px;
+}
+.ext8.ext9,
+.fuu {
+  result: add-foo;
+}
+.ext8 .ext9,
+.ext8 + .ext9,
+.ext8 > .ext9,
+.buu,
+.zap,
+.zoo {
+  result: bar-matched;
+}
+.ext8.nomatch {
+  result: none;
+}
+.ext8 .ext9,
+.buu {
+  result: match-nested-bar;
+}
+.ext8.ext9,
+.fuu {
+  result: match-nested-foo;
+}
+.aa,
+.cc {
+  color: black;
+}
+.aa .dd,
+.aa .ee {
+  background: red;
+}
+.bb,
+.cc,
+.ee,
+.ff {
+  background: red;
+}
+.bb .bb,
+.ff .ff {
+  color: black;
+}

package/tests-unit/extend/styles.config.ts

@@ -0,0 +1,5 @@
+export default {
+  output: [
+    { file: '{name}.css', collapseNesting: false }
+  ]
+}

package/tests-unit/extend-chaining/extend-chaining.css

@@ -8,13 +8,10 @@
 .d {
   color: black;
 }
-.g.h,
-.i.j.h,
-.k.j.h {
+:is(.g, :is(.i, .k).j).h {
   color: black;
 }
-.i.j,
-.k.j {
+:is(.i, .k).j {
   color: inherit;
 }
 .l,
@@ -72,10 +69,10 @@
   .mc {
     color: inherit;
   }
-}
-@media (tv) and (plasma) {
-  .me,
-  .mf {
-    background: red;
+  @media (plasma) {
+    .me,
+    .mf {
+      background: red;
+    }
   }
 }

package/tests-unit/extend-chaining/legacy/extend-chaining.css

@@ -0,0 +1,84 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.a,
+.b,
+.c {
+  color: black;
+}
+.f,
+.e,
+.d {
+  color: black;
+}
+.g.h,
+.i.j.h,
+.k.j.h {
+  color: black;
+}
+.i.j,
+.k.j {
+  color: inherit;
+}
+.l,
+.m,
+.n,
+.o,
+.p,
+.q,
+.r,
+.s,
+.t {
+  color: black;
+}
+.u,
+.v.u.v {
+  color: black;
+}
+.w,
+.v.w.v {
+  color: black;
+}
+.x,
+.y,
+.z {
+  color: x;
+}
+.y,
+.z,
+.x {
+  color: y;
+}
+.z,
+.x,
+.y {
+  color: z;
+}
+.va,
+.vb,
+.vc {
+  color: black;
+}
+.vb,
+.vc {
+  color: inherit;
+}
+@media (tv) {
+  .ma,
+  .mb,
+  .mc {
+    color: black;
+  }
+  .md,
+  .ma,
+  .mb,
+  .mc {
+    color: inherit;
+  }
+}
+@media (tv) and (plasma) {
+  .me,
+  .mf {
+    background: red;
+  }
+}

package/tests-unit/extend-clearfix/extend-clearfix.css

@@ -3,9 +3,7 @@
 .bar {
   *zoom: 1;
 }
-.clearfix:after,
-.foo:after,
-.bar:after {
+:is(.clearfix, .foo, .bar):after {
   content: '';
   display: block;
   clear: both;

package/tests-unit/extend-clearfix/extend-clearfix.less

@@ -17,4 +17,3 @@
   &:extend(.clearfix all);
   color: blue;
 }
-

package/tests-unit/{extend → extend-clearfix/legacy}/extend-clearfix.css

@@ -1,3 +1,6 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
 .clearfix,
 .foo,
 .bar {

package/tests-unit/extend-exact/extend-exact.css

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

package/tests-unit/extend-exact/legacy/extend-exact.css

@@ -0,0 +1,40 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.replace.replace .replace,
+.c.replace + .replace .replace,
+.replace.replace .c,
+.c.replace + .replace .c,
+.rep_ace {
+  prop: copy-paste-replace;
+}
+.a .b .c {
+  prop: not_effected;
+}
+.a,
+.effected {
+  prop: is_effected;
+}
+.a .b {
+  prop: not_effected;
+}
+.a .b.c {
+  prop: not_effected;
+}
+.c .b .a,
+.a .b .a,
+.c .a .a,
+.a .a .a,
+.c .b .c,
+.a .b .c,
+.c .a .c,
+.a .a .c {
+  prop: not_effected;
+}
+.e.e,
+.dbl {
+  prop: extend-double;
+}
+.e.e:hover {
+  hover: not-extended;
+}

package/tests-unit/extend-exact/styles.config.ts

@@ -0,0 +1,5 @@
+export default {
+  output: [
+    { file: '{name}.css', collapseNesting: false }
+  ]
+}

package/tests-unit/extend-media/extend-media.css

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