less 3.10.1 → 3.11.1

package/test/browser/runner-browser-options.js

@@ -5,12 +5,6 @@ var less = {
     math: 'always'
 };
 
-// There originally run inside describe method. However, since they have not
-// been inside it, they run at jasmine compile time (not runtime). It all
-// worked cause less.js was in async mode and custom phantom runner had
-// different setup then grunt-contrib-jasmine. They have been created before
-// less.js run, even as they have been defined in spec.
-
 // test inline less in style tags by grabbing an assortment of less files and doing `@import`s
 var testFiles = ['charsets', 'colors', 'comments', 'css-3', 'strings', 'media', 'mixins'],
     testSheets = [];

package/test/browser/runner-browser-spec.js

@@ -2,7 +2,7 @@ describe('less.js browser behaviour', function() {
     testLessEqualsInDocument();
 
     it('has some log messages', function() {
-        expect(logMessages.length).toBeGreaterThan(0);
+        expect(logMessages.length).to.be.above(0);
     });
 
     for (var i = 0; i < testFiles.length; i++) {

package/test/browser/runner-main-spec.js

@@ -2,6 +2,6 @@ console.warn('start spec');
 describe('less.js main tests', function() {
     testLessEqualsInDocument();
     it('the global environment', function() {
-        expect(window.require).toBe(undefined);
+        expect(window.require).to.be.undefined;
     });
 });

package/test/browser/runner-modify-vars-spec.js

@@ -27,7 +27,7 @@ describe('less.js modify vars', function () {
         var xhrLogMessages = logMessages.filter(function (item) {
             return (/XHR: Getting '/).test(item);
         });
-        expect(xhrLogMessages.length).toEqual(2);
+        expect(xhrLogMessages.length).to.equal(2);
         done();
     });
 });

package/test/browser/runner-production-spec.js

@@ -1,5 +1,5 @@
 describe('less.js production behaviour', function() {
     it('doesn\'t log any messages', function() {
-        expect(logMessages.length).toEqual(0);
+        expect(logMessages.length).to.equal(0);
     });
 });

package/test/css/comments.css

@@ -52,7 +52,7 @@
   -webkit-border-radius: 2px /* webkit only */;
   -moz-border-radius: 8px /* moz only with operation */;
 }
-.test {
+.test-rule {
   color: 1px;
 }
 .sr-only-focusable {

package/test/css/css-3.css

@@ -18,21 +18,21 @@ p:not([class*="lead"]) {
   color: black;
 }
 input[type="text"].class#id[attr=32]:not(1) {
-  color: white;
+  color: inherit;
 }
 div#id.class[a=1][b=2].class:not(1) {
-  color: white;
+  color: inherit;
 }
 ul.comma > li:not(:only-child)::after {
-  color: white;
+  color: inherit;
 }
 ol.comma > li:nth-last-child(2)::after {
-  color: white;
+  color: inherit;
 }
 li:nth-child(4n+1),
 li:nth-child(-5n),
 li:nth-child(-n+2) {
-  color: white;
+  color: inherit;
 }
 a[href^="http://"] {
   color: black;

package/test/css/css-escapes.css

@@ -28,3 +28,4 @@ ng\:form {
 textarea {
   font-family: 'helvetica neue', 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
 }
+anything to unquote

package/test/css/css-guards.css

@@ -10,7 +10,7 @@
 .multiple-conditions-1 {
   color: red;
 }
-.inheritance .test {
+.inheritance .test-rule {
   color: black;
 }
 .inheritance:hover {

package/test/css/debug/linenumbers-all.css

@@ -9,12 +9,12 @@
 }
 /* line 15, {path}linenumbers.less */
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000315}}
-.test1 {
+.test-rule1 {
   color: black;
 }
 /* line 6, {path}linenumbers.less */
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\000036}}
-.test2 {
+.test-rule2 {
   color: red;
 }
 @media all {
@@ -33,17 +33,17 @@
   /* line 9, {pathimport}test.less */
   @media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000039}}
   .tst .tst3 {
-    color: white;
+    color: inherit;
   }
 }
 /* line 18, {pathimport}test.less */
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\0000318}}
 .tst2 {
-  color: white;
+  color: inherit;
 }
 /* line 27, {path}linenumbers.less */
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000327}}
-.test {
+.test-rule {
   color: red;
   width: 2;
 }

package/test/css/debug/linenumbers-comments.css

@@ -6,11 +6,11 @@
   color: grey;
 }
 /* line 15, {path}linenumbers.less */
-.test1 {
+.test-rule1 {
   color: black;
 }
 /* line 6, {path}linenumbers.less */
-.test2 {
+.test-rule2 {
   color: red;
 }
 @media all {
@@ -26,15 +26,15 @@
   }
   /* line 9, {pathimport}test.less */
   .tst .tst3 {
-    color: white;
+    color: inherit;
   }
 }
 /* line 18, {pathimport}test.less */
 .tst2 {
-  color: white;
+  color: inherit;
 }
 /* line 27, {path}linenumbers.less */
-.test {
+.test-rule {
   color: red;
   width: 2;
 }

package/test/css/debug/linenumbers-mediaquery.css

@@ -6,11 +6,11 @@
   color: grey;
 }
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000315}}
-.test1 {
+.test-rule1 {
   color: black;
 }
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\000036}}
-.test2 {
+.test-rule2 {
   color: red;
 }
 @media all {
@@ -26,15 +26,15 @@
   }
   @media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000039}}
   .tst .tst3 {
-    color: white;
+    color: inherit;
   }
 }
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\0000318}}
 .tst2 {
-  color: white;
+  color: inherit;
 }
 @media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000327}}
-.test {
+.test-rule {
   color: red;
   width: 2;
 }

package/test/css/extend-chaining.css

@@ -15,7 +15,7 @@
 }
 .i.j,
 .k.j {
-  color: white;
+  color: inherit;
 }
 .l,
 .m,
@@ -58,7 +58,7 @@
 }
 .vb,
 .vc {
-  color: white;
+  color: inherit;
 }
 @media tv {
   .ma,
@@ -70,7 +70,7 @@
   .ma,
   .mb,
   .mc {
-    color: white;
+    color: inherit;
   }
 }
 @media tv and plasma {

package/test/css/extend-media.css

@@ -6,7 +6,7 @@
   .ext1 .ext3,
   .tv-lowres .ext3,
   .all .ext3 {
-    color: white;
+    color: inherit;
   }
   .tv-lowres {
     background: blue;

package/test/css/extend-nest.css

@@ -28,7 +28,7 @@
 }
 .button:hover,
 .submit:hover {
-  color: white;
+  color: inherit;
 }
 .button2 :hover {
   nested: white;

package/test/css/filemanagerPlugin/filemanager.css

@@ -1,3 +1,3 @@
-.test {
+.test-rule {
   color: red;
 }

package/test/css/functions-each.css

@@ -70,7 +70,7 @@
   -less-log: c;
   -less-log: d;
 }
-.test {
+.test-rule {
   color: blue;
   color: red;
 }

package/test/css/import-once.css

@@ -4,12 +4,12 @@
 body {
   width: 100%;
 }
-.test-f {
+.test-rule-f {
   height: 10px;
 }
 body {
   width: 100%;
 }
-.test-f {
+.test-rule-f {
   height: 10px;
 }

package/test/css/import-reference-issues.css

@@ -1,4 +1,4 @@
-.test-c {
+.test-rule-c {
   background-color: green;
 }
 .theOnlySelector {

package/test/css/import-reference.css

@@ -1,8 +1,8 @@
 input[type="text"].class#id[attr=32]:not(1) {
-  color: white;
+  color: inherit;
 }
 div#id.class[a=1][b=2].class:not(1) {
-  color: white;
+  color: inherit;
 }
 @media print {
   .class {
@@ -65,19 +65,19 @@ div#id.class[a=1][b=2].class:not(1) {
 .visible {
   extend: test;
 }
-.test-mediaq-import {
+.test-rule-mediaq-import {
   color: green;
   test: 340px;
 }
 @media (max-size: 450px) {
-  .test-mediaq-import {
+  .test-rule-mediaq-import {
     color: red;
   }
 }
-.test {
+.test-rule {
   color: red;
 }
-.test:first-child {
+.test-rule:first-child {
   color: blue;
 }
 @keyframes some-name {

package/test/css/import.css

@@ -20,7 +20,7 @@
   height: 10px;
   color: red;
 }
-.test-f {
+.test-rule-f {
   height: 10px;
 }
 .deep-import-url {

package/test/css/javascript.css

@@ -22,7 +22,7 @@
   ary: "1, 2, 3";
   ary1: "1, 2, 3";
 }
-.test-tran {
+.test-rule-tran {
   1: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;
   2: [opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear];
   3: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;

package/test/css/legacy/legacy.css

@@ -1,5 +1,5 @@
 @media (-o-min-device-pixel-ratio: 2) {
-  .test-math-and-units {
+  .test-rule-math-and-units {
     font: ignores 0/0 rules;
     test-division: 7em;
     simple: 2px;

package/test/css/math/parens-division/mixins-args.css

@@ -104,7 +104,7 @@ body {
   four: a, 11, 12, 13;
   four: a, 21, 22, 23;
 }
-.test-mixin-default-arg {
+.test-rule-mixin-default-arg {
   defaults: 1px 1px 1px;
   defaults: 2px 2px 2px;
 }

package/test/css/math/parens-division/parens.css

@@ -32,6 +32,6 @@
   margin: 2px 4em 1 5pc;
   padding: 6px 1em 2px 2;
 }
-.test-false-negatives {
+.test-rule-false-negatives {
   a: (;
 }

package/test/css/math/strict/mixins-args.css

@@ -104,7 +104,7 @@ body {
   four: a, 11, 12, 13;
   four: a, 21, 22, 23;
 }
-.test-mixin-default-arg {
+.test-rule-mixin-default-arg {
   defaults: 1px 1px 1px;
   defaults: 2px 2px 2px;
 }

package/test/css/math/strict/parens.css

@@ -32,6 +32,6 @@
   margin: 2px 4em 1 5pc;
   padding: 6px 1em 2px 2;
 }
-.test-false-negatives {
+.test-rule-false-negatives {
   a: (;
 }

package/test/css/math/strict-legacy/mixins-args.css

@@ -98,7 +98,7 @@ body {
   four: a, 11, 12, 13;
   four: a, 21, 22, 23;
 }
-.test-mixin-default-arg {
+.test-rule-mixin-default-arg {
   defaults: 1px 1px 1px;
   defaults: 2px 2px 2px;
 }

package/test/css/math/strict-legacy/parens.css

@@ -35,6 +35,6 @@
   margin: 2px 4em 1 5pc;
   padding: 6px 1em 2px 2;
 }
-.test-false-negatives {
+.test-rule-false-negatives {
   a: (;
 }

package/test/css/media.css

@@ -11,12 +11,12 @@
   }
 }
 @media screen {
-  body {
+  .body {
     max-width: 480;
   }
 }
 @media all and (device-aspect-ratio: 16 / 9) {
-  body {
+  .body {
     max-width: 800px;
   }
 }
@@ -26,20 +26,20 @@
   }
 }
 @media handheld and (min-width: 42), screen and (min-width: 20em) {
-  body {
+  .body {
     max-width: 480px;
   }
 }
 @media print {
-  body {
+  .body {
     padding: 20px;
   }
-  body header {
+  .body header {
     background-color: red;
   }
 }
 @media print and (orientation: landscape) {
-  body {
+  .body {
     margin-left: 20px;
   }
 }
@@ -67,12 +67,12 @@
   }
 }
 @media a, b and c {
-  body {
+  .body {
     width: 95%;
   }
 }
 @media a and x, b and c and x, a and y, b and c and y {
-  body {
+  .body {
     width: 100%;
   }
 }
@@ -103,7 +103,7 @@
   }
 }
 @media only screen and (max-width: 200px) {
-  body {
+  .body {
     width: 480px;
   }
 }
@@ -174,22 +174,22 @@
     background: red;
   }
 }
-body {
+.body {
   background: red;
 }
 @media (max-width: 500px) {
-  body {
+  .body {
     background: green;
   }
 }
 @media (max-width: 1000px) {
-  body {
+  .body {
     background: red;
     background: blue;
   }
 }
 @media (max-width: 1000px) and (max-width: 500px) {
-  body {
+  .body {
     background: green;
   }
 }
@@ -197,7 +197,7 @@ body {
   /* a comment */
 }
 @media (max-width: 1200px) and (max-width: 900px) {
-  body {
+  .body {
     font-size: 11px;
   }
 }

package/test/css/merge.css

@@ -1,35 +1,35 @@
-.test1 {
+.test-rule1 {
   transform: rotate(90deg), skew(30deg), scale(2, 4);
 }
-.test2 {
+.test-rule2 {
   transform: rotate(90deg), skew(30deg);
   transform: scaleX(45deg);
 }
-.test3 {
+.test-rule3 {
   transform: scaleX(45deg);
   background: url(data://img1.png);
 }
-.test4 {
+.test-rule4 {
   transform: rotate(90deg), skew(30deg), scale(2, 4) !important;
 }
-.test5 {
+.test-rule5 {
   transform: rotate(90deg), skew(30deg), scale(2, 4) !important;
 }
-.test6 {
+.test-rule6 {
   transform: scale(2, 4);
 }
-.test7 {
+.test-rule7 {
   transform: scale(2, 4), scale(2, 4), scale(2, 4) !important;
 }
-.test-interleaved {
+.test-rule-interleaved {
   transform: t1, t2, t3;
   background: b1, b2, b3;
 }
-.test-spaced {
+.test-rule-spaced {
   transform: t1 t2 t3;
   background: b1 b2, b3;
 }
-.test-interleaved-with-spaced {
+.test-rule-interleaved-with-spaced {
   transform: t1s, t2 t3s, t4 t5s t6s;
   background: b1 b2s, b3, b4;
 }

package/test/css/mixins-guards.css

@@ -1,5 +1,5 @@
 .light1 {
-  color: white;
+  color: inherit;
   margin: 1px;
 }
 .light2 {
@@ -32,19 +32,19 @@
 .default1 {
   content: default;
 }
-.test1 {
+.test-rule1 {
   content: "true.";
 }
-.test2 {
+.test-rule2 {
   content: "false.";
 }
-.test3 {
+.test-rule3 {
   content: "false.";
 }
-.test4 {
+.test-rule4 {
   content: "false.";
 }
-.test5 {
+.test-rule5 {
   content: "false.";
 }
 .bool1 {

package/test/css/mixins.css

@@ -29,7 +29,7 @@
   background-color: grey;
 }
 #header .milk {
-  color: white;
+  color: inherit;
   border: 1px solid black;
   background-color: grey;
 }
@@ -133,7 +133,7 @@ h3 + * {
   background-image: "/a.png";
   background-position: center center;
 }
-.test-rec .recursion {
+.test-rule-rec .recursion {
   color: black;
 }
 .button {

package/test/css/namespacing/namespacing-3.css

@@ -3,6 +3,21 @@
     width: 400px;
     height: 200px;
     background: red;
-    color: white;
+    color: inherit;
   }
 }
+.cell {
+  margin: 0 5px !important;
+}
+.class1 {
+  color: #33acfe !important;
+  margin: 20px !important;
+  padding: 20px !important;
+  width: 0 !important;
+}
+.class2 {
+  color: #efca44;
+  margin: 10px;
+  padding: 40px 10px;
+  width: 0 !important;
+}

package/test/css/namespacing/namespacing-4.css

@@ -1,5 +1,5 @@
 .foo {
   width: 20px;
   background: rebeccapurple;
-  color: white;
+  color: inherit;
 }

package/test/css/namespacing/namespacing-functions.css

@@ -2,3 +2,9 @@
   width: 20px;
   bar: val;
 }
+.bar {
+  width: test;
+}
+.example {
+  value: lookup;
+}

package/test/css/no-strict-math/mixins-guards.css

@@ -1,4 +1,4 @@
-.test-2798 {
+.test-rule-2798 {
   regression: fixed;
 }
 .conditions-parser-1 {

package/test/css/permissive-parse.css

@@ -31,7 +31,7 @@ foo[attr="blah"] {
     this: works;
   }
 }
-.test-comment {
+.test-rule-comment {
   --value: a /* { ; } */;
   --comment-within: ( /* okay?; comment; */ );
 }