@less/test-data 5.0.0-alpha.14 → 5.0.0-alpha.16

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "5.0.0-alpha.14",
+	"version": "5.0.0-alpha.16",
 	"description": "Less files and CSS results",
 	"author": "Alexis Sellier <self@cloudhead.net>",
 	"contributors": [

package/tests-config/3rd-party/bootstrap4.css

@@ -1315,8 +1315,7 @@ pre code {
   margin-bottom: 1rem;
   background-color: transparent;
 }
-.table th,
-.table td {
+.table :is(th, td) {
   padding: 0.75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6;
@@ -1331,23 +1330,19 @@ pre code {
 .table .table {
   background-color: #fff;
 }
-.table-sm th,
-.table-sm td {
+.table-sm :is(th, td) {
   padding: 0.3rem;
 }
 .table-bordered {
   border: 1px solid #dee2e6;
 }
-.table-bordered th,
-.table-bordered td {
+.table-bordered :is(th, td) {
   border: 1px solid #dee2e6;
 }
-.table-bordered thead th,
-.table-bordered thead td {
+.table-bordered thead :is(th, td) {
   border-bottom-width: 2px;
 }
-.table-borderless th,
-.table-borderless td,
+.table-borderless :is(th, td),
 .table-borderless thead th,
 .table-borderless tbody + tbody {
   border: 0;
@@ -1480,8 +1475,7 @@ pre code {
   color: #fff;
   background-color: #212529;
 }
-.table-dark th,
-.table-dark td,
+.table-dark :is(th, td),
 .table-dark thead th {
   border-color: #32383e;
 }
@@ -1634,7 +1628,17 @@ select.form-control:focus::-ms-value {
   border-width: 1px 0;
 }
 .form-control-plaintext.form-control-sm,
-.form-control-plaintext.form-control-lg {
+.form-control-plaintext.form-control-lg,
+.input-group-sm > .form-control-plaintext.form-control,
+.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
+.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
+.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
+.input-group-sm > .input-group-append > .form-control-plaintext.btn,
+.input-group-lg > .form-control-plaintext.form-control,
+.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
+.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
+.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
+.input-group-lg > .input-group-append > .form-control-plaintext.btn {
   padding-right: 0;
   padding-left: 0;
 }
@@ -1649,7 +1653,12 @@ select.form-control:focus::-ms-value {
   line-height: 1.5;
   border-radius: 0.2rem;
 }
-select.form-control-sm:not([size]):not([multiple]) {
+select.form-control-sm:not([size]):not([multiple]),
+.input-group-sm > select.form-control:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
   height: calc(1.8125rem + 2px);
 }
 .form-control-lg,
@@ -1663,7 +1672,12 @@ select.form-control-sm:not([size]):not([multiple]) {
   line-height: 1.5;
   border-radius: 0.3rem;
 }
-select.form-control-lg:not([size]):not([multiple]) {
+select.form-control-lg:not([size]):not([multiple]),
+.input-group-lg > select.form-control:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
   height: calc(2.875rem + 2px);
 }
 .form-group {
@@ -1888,8 +1902,7 @@ select.form-control-lg:not([size]):not([multiple]) {
   .form-inline .form-control-plaintext {
     display: inline-block;
   }
-  .form-inline .input-group,
-  .form-inline .custom-select {
+  .form-inline :is(.input-group, .custom-select) {
     width: auto;
   }
   .form-inline .form-check {
@@ -2082,7 +2095,7 @@ fieldset:disabled a.btn {
   border-color: #ffc107;
 }
 .btn-warning:hover {
-  color: #fff;
+  color: #212529;
   background-color: #e0a800;
   border-color: #d39e00;
 }
@@ -2099,7 +2112,7 @@ fieldset:disabled a.btn {
 .btn-warning:not(:disabled):not(.disabled):active,
 .btn-warning:not(:disabled):not(.disabled).active,
 .show > .btn-warning.dropdown-toggle {
-  color: #fff;
+  color: #212529;
   background-color: #d39e00;
   border-color: #c69500;
 }
@@ -2142,7 +2155,7 @@ fieldset:disabled a.btn {
   border-color: #f8f9fa;
 }
 .btn-light:hover {
-  color: #fff;
+  color: #212529;
   background-color: #e2e6ea;
   border-color: #dae0e5;
 }
@@ -2159,7 +2172,7 @@ fieldset:disabled a.btn {
 .btn-light:not(:disabled):not(.disabled):active,
 .btn-light:not(:disabled):not(.disabled).active,
 .show > .btn-light.dropdown-toggle {
-  color: #fff;
+  color: #212529;
   background-color: #dae0e5;
   border-color: #d3d9df;
 }
@@ -2745,11 +2758,13 @@ fieldset:disabled a.btn {
 .dropleft .dropdown-toggle-split::before {
   margin-right: 0;
 }
-:is(.btn-sm, .btn-group-sm > .btn) + .dropdown-toggle-split {
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
   padding-right: 0.375rem;
   padding-left: 0.375rem;
 }
-:is(.btn-lg, .btn-group-lg > .btn) + .dropdown-toggle-split {
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
   padding-right: 0.75rem;
   padding-left: 0.75rem;
 }
@@ -2758,8 +2773,7 @@ fieldset:disabled a.btn {
   align-items: flex-start;
   justify-content: center;
 }
-.btn-group-vertical .btn,
-.btn-group-vertical .btn-group {
+.btn-group-vertical :is(.btn, .btn-group) {
   width: 100%;
 }
 .btn-group-vertical > .btn + .btn,
@@ -2783,8 +2797,7 @@ fieldset:disabled a.btn {
 .btn-group-toggle > .btn-group > .btn {
   margin-bottom: 0;
 }
-.btn-group-toggle > .btn input[type="radio"],
-.btn-group-toggle > .btn input[type="checkbox"] {
+:is(.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn) :is(input[type="radio"], input[type="checkbox"]) {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none;
@@ -2807,9 +2820,9 @@ fieldset:disabled a.btn {
 :is(.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file):focus {
   z-index: 3;
 }
-.input-group > .form-control + .form-control,
-.input-group > .form-control + .custom-select,
-.input-group > .form-control + .custom-file {
+:is(.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file) + .form-control,
+:is(.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file) + .custom-select,
+:is(.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file) + .custom-file {
   margin-left: -1px;
 }
 :is(.input-group > .form-control, .input-group > .custom-select):not(:last-child) {
@@ -2868,8 +2881,7 @@ fieldset:disabled a.btn {
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
 }
-.input-group-text input[type="radio"],
-.input-group-text input[type="checkbox"] {
+.input-group-text :is(input[type="radio"], input[type="checkbox"]) {
   margin-top: 0;
 }
 .input-group > .input-group-prepend > .btn,
@@ -3514,8 +3526,7 @@ fieldset:disabled a.btn {
 }
 .navbar-light .navbar-nav .show > .nav-link,
 .navbar-light .navbar-nav .active > .nav-link,
-.navbar-light .navbar-nav .nav-link.show,
-.navbar-light .navbar-nav .nav-link.active {
+.navbar-light .navbar-nav :is(.nav-link.show, .nav-link.active) {
   color: rgba(0, 0, 0, 0.9);
 }
 .navbar-light .navbar-toggler {
@@ -3554,8 +3565,7 @@ fieldset:disabled a.btn {
 }
 .navbar-dark .navbar-nav .show > .nav-link,
 .navbar-dark .navbar-nav .active > .nav-link,
-.navbar-dark .navbar-nav .nav-link.show,
-.navbar-dark .navbar-nav .nav-link.active {
+.navbar-dark .navbar-nav :is(.nav-link.show, .nav-link.active) {
   color: #fff;
 }
 .navbar-dark .navbar-toggler {
@@ -3715,46 +3725,37 @@ fieldset:disabled a.btn {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-  .card-group > .card:first-child .card-img-top,
-  .card-group > .card:first-child .card-header {
+  .card-group > .card:first-child :is(.card-img-top, .card-header) {
     border-top-right-radius: 0;
   }
-  .card-group > .card:first-child .card-img-bottom,
-  .card-group > .card:first-child .card-footer {
+  .card-group > .card:first-child :is(.card-img-bottom, .card-footer) {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:last-child {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .card-group > .card:last-child .card-img-top,
-  .card-group > .card:last-child .card-header {
+  .card-group > .card:last-child :is(.card-img-top, .card-header) {
     border-top-left-radius: 0;
   }
-  .card-group > .card:last-child .card-img-bottom,
-  .card-group > .card:last-child .card-footer {
+  .card-group > .card:last-child :is(.card-img-bottom, .card-footer) {
     border-bottom-left-radius: 0;
   }
   .card-group > .card:only-child {
     border-radius: 0.25rem;
   }
-  .card-group > .card:only-child .card-img-top,
-  .card-group > .card:only-child .card-header {
+  .card-group > .card:only-child :is(.card-img-top, .card-header) {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
   }
-  .card-group > .card:only-child .card-img-bottom,
-  .card-group > .card:only-child .card-footer {
+  .card-group > .card:only-child :is(.card-img-bottom, .card-footer) {
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
   }
   .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
     border-radius: 0;
   }
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
+  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) :is(.card-img-top, .card-img-bottom, .card-header, .card-footer) {
     border-radius: 0;
   }
 }
@@ -4540,10 +4541,12 @@ button.close {
 .bs-tooltip-auto[x-placement^="top"] {
   padding: 0.4rem 0;
 }
-:is(.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"]) .arrow {
+.bs-tooltip-top .arrow,
+.bs-tooltip-auto[x-placement^="top"] .arrow {
   bottom: 0;
 }
-:is(:is(.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"]) .arrow)::before {
+.bs-tooltip-top .arrow::before,
+.bs-tooltip-auto[x-placement^="top"] .arrow::before {
   top: 0;
   border-width: 0.4rem 0.4rem 0;
   border-top-color: #000;
@@ -4552,12 +4555,14 @@ button.close {
 .bs-tooltip-auto[x-placement^="right"] {
   padding: 0 0.4rem;
 }
-:is(.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"]) .arrow {
+.bs-tooltip-right .arrow,
+.bs-tooltip-auto[x-placement^="right"] .arrow {
   left: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
-:is(:is(.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"]) .arrow)::before {
+.bs-tooltip-right .arrow::before,
+.bs-tooltip-auto[x-placement^="right"] .arrow::before {
   right: 0;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-color: #000;
@@ -4566,10 +4571,12 @@ button.close {
 .bs-tooltip-auto[x-placement^="bottom"] {
   padding: 0.4rem 0;
 }
-:is(.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"]) .arrow {
+.bs-tooltip-bottom .arrow,
+.bs-tooltip-auto[x-placement^="bottom"] .arrow {
   top: 0;
 }
-:is(:is(.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"]) .arrow)::before {
+.bs-tooltip-bottom .arrow::before,
+.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
   bottom: 0;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: #000;
@@ -4578,12 +4585,14 @@ button.close {
 .bs-tooltip-auto[x-placement^="left"] {
   padding: 0 0.4rem;
 }
-:is(.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"]) .arrow {
+.bs-tooltip-left .arrow,
+.bs-tooltip-auto[x-placement^="left"] .arrow {
   right: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
-:is(:is(.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"]) .arrow)::before {
+.bs-tooltip-left .arrow::before,
+.bs-tooltip-auto[x-placement^="left"] .arrow::before {
   left: 0;
   border-width: 0.4rem 0 0.4rem 0.4rem;
   border-left-color: #000;
@@ -4643,18 +4652,23 @@ button.close {
 .bs-popover-auto[x-placement^="top"] {
   margin-bottom: 0.5rem;
 }
-:is(.bs-popover-top, .bs-popover-auto[x-placement^="top"]) .arrow {
+.bs-popover-top .arrow,
+.bs-popover-auto[x-placement^="top"] .arrow {
   bottom: calc((0.5rem + 1px) * -1);
 }
-:is(.bs-popover-top, .bs-popover-auto[x-placement^="top"]) .arrow::before,
-:is(.bs-popover-top, .bs-popover-auto[x-placement^="top"]) .arrow::after {
+.bs-popover-top .arrow::before,
+.bs-popover-auto[x-placement^="top"] .arrow::before,
+.bs-popover-top .arrow::after,
+.bs-popover-auto[x-placement^="top"] .arrow::after {
   border-width: 0.5rem 0.5rem 0;
 }
-:is(.bs-popover-top, .bs-popover-auto[x-placement^="top"]) .arrow::before {
+.bs-popover-top .arrow::before,
+.bs-popover-auto[x-placement^="top"] .arrow::before {
   bottom: 0;
   border-top-color: rgba(0, 0, 0, 0.25);
 }
-:is(.bs-popover-top, .bs-popover-auto[x-placement^="top"]) .arrow::after {
+.bs-popover-top .arrow::after,
+.bs-popover-auto[x-placement^="top"] .arrow::after {
   bottom: 1px;
   border-top-color: #fff;
 }
@@ -4662,21 +4676,26 @@ button.close {
 .bs-popover-auto[x-placement^="right"] {
   margin-left: 0.5rem;
 }
-:is(.bs-popover-right, .bs-popover-auto[x-placement^="right"]) .arrow {
+.bs-popover-right .arrow,
+.bs-popover-auto[x-placement^="right"] .arrow {
   left: calc((0.5rem + 1px) * -1);
   width: 0.5rem;
   height: 1rem;
   margin: 0.3rem 0;
 }
-:is(.bs-popover-right, .bs-popover-auto[x-placement^="right"]) .arrow::before,
-:is(.bs-popover-right, .bs-popover-auto[x-placement^="right"]) .arrow::after {
+.bs-popover-right .arrow::before,
+.bs-popover-auto[x-placement^="right"] .arrow::before,
+.bs-popover-right .arrow::after,
+.bs-popover-auto[x-placement^="right"] .arrow::after {
   border-width: 0.5rem 0.5rem 0.5rem 0;
 }
-:is(.bs-popover-right, .bs-popover-auto[x-placement^="right"]) .arrow::before {
+.bs-popover-right .arrow::before,
+.bs-popover-auto[x-placement^="right"] .arrow::before {
   left: 0;
   border-right-color: rgba(0, 0, 0, 0.25);
 }
-:is(.bs-popover-right, .bs-popover-auto[x-placement^="right"]) .arrow::after {
+.bs-popover-right .arrow::after,
+.bs-popover-auto[x-placement^="right"] .arrow::after {
   left: 1px;
   border-right-color: #fff;
 }
@@ -4684,22 +4703,28 @@ button.close {
 .bs-popover-auto[x-placement^="bottom"] {
   margin-top: 0.5rem;
 }
-:is(.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]) .arrow {
+.bs-popover-bottom .arrow,
+.bs-popover-auto[x-placement^="bottom"] .arrow {
   top: calc((0.5rem + 1px) * -1);
 }
-:is(.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]) .arrow::before,
-:is(.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]) .arrow::after {
+.bs-popover-bottom .arrow::before,
+.bs-popover-auto[x-placement^="bottom"] .arrow::before,
+.bs-popover-bottom .arrow::after,
+.bs-popover-auto[x-placement^="bottom"] .arrow::after {
   border-width: 0 0.5rem 0.5rem 0.5rem;
 }
-:is(.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]) .arrow::before {
+.bs-popover-bottom .arrow::before,
+.bs-popover-auto[x-placement^="bottom"] .arrow::before {
   top: 0;
   border-bottom-color: rgba(0, 0, 0, 0.25);
 }
-:is(.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]) .arrow::after {
+.bs-popover-bottom .arrow::after,
+.bs-popover-auto[x-placement^="bottom"] .arrow::after {
   top: 1px;
   border-bottom-color: #fff;
 }
-:is(.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]) .popover-header::before {
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
   position: absolute;
   top: 0;
   left: 50%;
@@ -4713,21 +4738,26 @@ button.close {
 .bs-popover-auto[x-placement^="left"] {
   margin-right: 0.5rem;
 }
-:is(.bs-popover-left, .bs-popover-auto[x-placement^="left"]) .arrow {
+.bs-popover-left .arrow,
+.bs-popover-auto[x-placement^="left"] .arrow {
   right: calc((0.5rem + 1px) * -1);
   width: 0.5rem;
   height: 1rem;
   margin: 0.3rem 0;
 }
-:is(.bs-popover-left, .bs-popover-auto[x-placement^="left"]) .arrow::before,
-:is(.bs-popover-left, .bs-popover-auto[x-placement^="left"]) .arrow::after {
+.bs-popover-left .arrow::before,
+.bs-popover-auto[x-placement^="left"] .arrow::before,
+.bs-popover-left .arrow::after,
+.bs-popover-auto[x-placement^="left"] .arrow::after {
   border-width: 0.5rem 0 0.5rem 0.5rem;
 }
-:is(.bs-popover-left, .bs-popover-auto[x-placement^="left"]) .arrow::before {
+.bs-popover-left .arrow::before,
+.bs-popover-auto[x-placement^="left"] .arrow::before {
   right: 0;
   border-left-color: rgba(0, 0, 0, 0.25);
 }
-:is(.bs-popover-left, .bs-popover-auto[x-placement^="left"]) .arrow::after {
+.bs-popover-left .arrow::after,
+.bs-popover-auto[x-placement^="left"] .arrow::after {
   right: 1px;
   border-left-color: #fff;
 }
@@ -4817,20 +4847,14 @@ button.close {
   transition-duration: 0.6s;
   transition-property: opacity;
 }
-.carousel-fade .carousel-item.active,
-.carousel-fade .carousel-item-next.carousel-item-left,
-.carousel-fade .carousel-item-prev.carousel-item-right {
+.carousel-fade :is(.carousel-item.active, .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right) {
   opacity: 1;
 }
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-right {
+.carousel-fade :is(.active.carousel-item-left, .active.carousel-item-right) {
   opacity: 0;
 }
-.carousel-fade .carousel-item-next,
-.carousel-fade .carousel-item-prev,
-.carousel-fade .carousel-item.active,
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-prev {
+.carousel-fade :is(.carousel-item-next, .carousel-item-prev),
+.carousel-fade :is(.carousel-item.active, .active.carousel-item-left, .active.carousel-item-prev) {
   transform: translateX(0);
 }
 @supports (transform-style: preserve-3d) {
@@ -5289,10 +5313,7 @@ button.close {
   content: "";
 }
 .embed-responsive .embed-responsive-item,
-.embed-responsive iframe,
-.embed-responsive embed,
-.embed-responsive object,
-.embed-responsive video {
+.embed-responsive :is(iframe, embed, object, video) {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -7458,19 +7479,16 @@ a.text-dark:focus {
   .table {
     border-collapse: collapse !important;
   }
-  .table td,
-  .table th {
+  .table :is(td, th) {
     background-color: #fff !important;
   }
-  .table-bordered th,
-  .table-bordered td {
+  .table-bordered :is(th, td) {
     border: 1px solid #dee2e6 !important;
   }
   .table-dark {
     color: inherit;
   }
-  .table-dark th,
-  .table-dark td,
+  .table-dark :is(th, td),
   .table-dark thead th,
   .table-dark tbody + tbody {
     border-color: #dee2e6;

package/tests-config/math/parens-division/parens.css

@@ -21,7 +21,7 @@
   margin-keep: 12;
   margin-parts: 12;
   margin-all: 12;
-  border-radius-keep: 8px / 4 + 3px;
+  border-radius-keep: 8px / 7px;
   border-radius-parts: 8px / 7px;
   border-radius-all: 5px;
 }

package/tests-config/namespacing/namespacing-8.less

@@ -6,7 +6,7 @@
   
 :root {
   each(@vars, {
-    --@{key}: @value;
+    --@{key}: @{value};
   });
 }
 

package/tests-config/rootpath-escape-interpolation/rootpath-escape-interpolation.css

@@ -0,0 +1,8 @@
+#rootpath-escape-interpolation {
+  plain-unquoted: url(http://example.com/a\(b\)\ c/relative/path);
+  interp-unquoted: url(http://example.com/a\(b\)\ c/images/path);
+  lookup-unquoted: url(http://example.com/a\(b\)\ c/images/path);
+  plain-quoted: url("http://example.com/a(b) c/relative/path");
+  interp-quoted: url("http://example.com/a(b) c/images/path");
+  lookup-quoted: url("http://example.com/a(b) c/images/path");
+}

package/tests-config/rootpath-escape-interpolation/rootpath-escape-interpolation.less

@@ -0,0 +1,24 @@
+// A rewritten rootpath is escaped only for *unquoted* url() values, so the node
+// produced for an interpolated unquoted body must not read as quoted. Giving it a
+// real quote character suppressed the escaping and emitted the parentheses and
+// space raw, producing a malformed url().
+//
+// The rootpath here deliberately contains `(`, `)` and a space — the characters
+// `escapePath` handles — so quoted and unquoted forms cannot look alike.
+
+@dir: images;
+@paths: {
+  dir: images;
+};
+
+#rootpath-escape-interpolation {
+  // unquoted: rootpath must be escaped
+  plain-unquoted: url(relative/path);
+  interp-unquoted: url(@{dir}/path);
+  lookup-unquoted: url(@{paths[dir]}/path);
+
+  // quoted: rootpath must not be escaped
+  plain-quoted: url("relative/path");
+  interp-quoted: url("@{dir}/path");
+  lookup-quoted: url("@{paths[dir]}/path");
+}

package/tests-config/rootpath-escape-interpolation/styles.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  language: {
+    less: {
+      "rootpath": "http://example.com/a(b) c/",
+      "rewriteUrls": "all"
+    }
+  }
+};

package/tests-config/strict-imports/strict-imports.css

@@ -2,11 +2,17 @@
   background: green;
 }
 @media (max-width: 768px) {
+  .imported {
+    background: green;
+  }
   .mobile {
     color: red;
   }
 }
 .container {
+  .imported {
+    background: green;
+  }
   .nested {
     color: blue;
   }

package/tests-error/eval/mixin-as-value.less

@@ -0,0 +1,6 @@
+#rgbify(@color) {
+  @rgb: red(@color), green(@color), blue(@color);
+}
+.x {
+  color: #rgbify(#fff);
+}

package/tests-error/eval/mixin-as-value.txt

@@ -0,0 +1,4 @@
+SyntaxError: Rulesets cannot be evaluated on a property. in {path}mixin-as-value.less on line 5, column 3:
+4 .x {
+5   color: #rgbify(#fff);
+6 }

package/tests-unit/calc/calc.css

@@ -7,23 +7,23 @@
 .calc-variables {
   root: calc(100% - 30px);
   root2: calc(100% - 40px);
-  width: calc(50% + 50vh / 2 - 20px);
-  height: calc(50% + 50vh / 2 - 20px);
+  width: calc(50% + (50vh / 2 - 20px));
+  height: calc(50% + ((50vh / 2 - 20px)));
 }
 .calc-nested {
-  min-height: calc(10vh + 5vh);
+  min-height: calc(((10vh)) + calc((5vh)));
   nested: calc(calc(2.25rem + 2px) - 1px * 2);
 }
 .calc-functions {
   one: calc(100% - 20px);
-  two: calc(100% - (10px + 10px));
+  two: calc(100% - (((10px + 10px))));
   bar: calc(1 + 20%);
 }
 .calc-escape {
-  three: calc(100% - 3 * 1);
-  four: calc(100% - 3 * 1);
+  three: calc(100% - (3 * 1));
+  four: calc(100% - (3 * 1));
 }
 .calc-mixed {
   foo: 3 calc(3 + 4) 11;
-  height: calc(100% - (10px * 3 + 10px * 2));
+  height: calc(100% - ((10px * 3) + (10px * 2)));
 }

package/tests-unit/container/container.css

@@ -23,7 +23,7 @@
     border: 1px solid grey;
   }
 }
-@container size (min-width: 60ch) {
+@container size(min-width: 60ch) {
   .article--post header {
     grid-template-areas:
       "avatar name"

package/tests-unit/extend/extend.css

@@ -13,8 +13,10 @@
 .badError {
   border-width: 3px;
 }
-:is(.foo, .ext1 .ext2, .ext3, .ext4) :is(.bar, .ext3, .ext4),
-:is(.foo, .ext1 .ext2, .ext3, .ext4) .baz {
+:is(.foo, .ext3, .ext4) :is(.bar, .ext3, .ext4),
+.ext1 .ext2 :is(.bar, .ext3, .ext4),
+:is(.foo, .ext3, .ext4) .baz,
+.ext1 .ext2 .baz {
   display: none;
 }
 div:is(.ext5, .ext7),

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

@@ -8,7 +8,8 @@
 .d {
   color: black;
 }
-:is(.g, :is(.i, .k).j).h {
+.g.h,
+:is(.i, .k).j.h {
   color: black;
 }
 :is(.i, .k).j {

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

@@ -5,7 +5,8 @@
   width: 300px;
   background: red;
 }
-:is(.sidebar, .sidebar2, .type1 .sidebar3, .type2.sidebar4) .box {
+:is(.sidebar, .sidebar2) .box,
+:is(.type1 .sidebar3, .type2.sidebar4) .box {
   background: #FFF;
   border: 1px solid #000;
   margin: 10px 0;
@@ -33,6 +34,6 @@
   notnested: black;
 }
 .amp-test-h,
-.amp-test-f:is(.amp-test-c :is(.amp-test-a, .amp-test-b).amp-test-d:is(.amp-test-a, .amp-test-b).amp-test-e) + :is(.amp-test-c :is(.amp-test-a, .amp-test-b).amp-test-d:is(.amp-test-a, .amp-test-b).amp-test-e).amp-test-g {
+.amp-test-c :is(.amp-test-a, .amp-test-b).amp-test-d:is(.amp-test-a, .amp-test-b).amp-test-e.amp-test-f + :is(.amp-test-c :is(.amp-test-a, .amp-test-b).amp-test-d:is(.amp-test-a, .amp-test-b).amp-test-e).amp-test-g {
   test: extended by masses of selectors;
 }

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

@@ -1,5 +1,7 @@
-:is(.foo, .ext1 .ext2, .ext3, .ext4) .bar,
-:is(.foo, .ext1 .ext2, .ext3, .ext4) .baz {
+:is(.foo, .ext3, .ext4) .bar,
+.ext1 .ext2 .bar,
+:is(.foo, .ext3, .ext4) .baz,
+.ext1 .ext2 .baz {
   display: none;
 }
 div:is(.ext5, .ext7),

package/tests-unit/functions/functions.css

@@ -239,7 +239,7 @@ html {
 }
 .paren-escapes {
   list-1: 1, 2, 3;
-  length-1: 1;
+  length-1: 3;
   item-1: 4;
   item-2: 5;
   item-3: 6;

package/tests-unit/import/import.css

@@ -21,6 +21,9 @@
   height: 10px;
   color: red;
 }
+body {
+  width: 100%;
+}
 .test-rule-f {
   height: 10px;
 }

package/tests-unit/lookup-interpolation/lookup-interpolation.css

@@ -0,0 +1,60 @@
+.quoted {
+  single: "card";
+  chained: "inner";
+  quoted-value: "deep";
+  indirect-key: "indirect-hit";
+  empty-key: "tail";
+  chained-empty-key: "nested-tail";
+  surrounded: "a-card-b";
+  twice: "card/blue";
+}
+.url {
+  quoted: url("/assets/img/hero.png");
+  unquoted: url(/assets/img/plain.png);
+  unquoted-plain: url(/plain/no-lookup.png);
+  untouched: url(/static/literal.png);
+  untouched-quoted: url("/static/literal.png");
+  data-uri: url(data:image/svg+xml;base64,AAAA);
+}
+.property-interpolation {
+  color: red;
+  from-property: "red";
+  surrounded: "a-red-b";
+  bare: red;
+}
+.card {
+  a: b;
+}
+.inner {
+  c: d;
+}
+.property {
+  card: from-lookup;
+  inner: from-chained-lookup;
+}
+@keyframes card {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (min-width: 768px) {
+  .responsive {
+    e: f;
+  }
+}
+.custom-property {
+  --from-lookup: /assets/img;
+  --from-chained: inner;
+}
+.recursive {
+  g: "card";
+}
+.plain {
+  h: "name";
+}
+.name {
+  i: j;
+}

package/tests-unit/lookup-interpolation/lookup-interpolation.less

@@ -0,0 +1,127 @@
+// `[...]` lookups inside `@{...}` interpolation, backported from Less 5.x.
+//
+// Before the backport the parser accepted only `@{name}`, so every form below
+// either failed to parse or — in string and url positions — silently emitted the
+// interpolation verbatim into the output. The url/quoted cases in particular are
+// regression coverage for that silent pass-through: a wrong-output bug that
+// produced no error and no warning.
+//
+// The bare `@map[key]` spelling is covered by at-rule-variable-deprecated.less,
+// where it is deprecated in structural positions.
+
+@sizes: {
+  tablet: 768px;
+  name: card;
+  @name: indirect-hit;
+  last-entry: tail;
+};
+
+@theme: {
+  color: blue;
+  @nested: {
+    name: inner;
+    label: "deep";
+    last-entry: nested-tail;
+  }
+};
+
+@paths: {
+  img: "/assets/img";
+};
+
+@which: name;
+
+// --- quoted strings ---
+.quoted {
+  single: "@{sizes[name]}";
+  chained: "@{theme[@nested][name]}";
+  quoted-value: "@{theme[@nested][label]}";
+  indirect-key: "@{sizes[@@which]}";
+  empty-key: "@{sizes[]}";
+  chained-empty-key: "@{theme[@nested][]}";
+  surrounded: "a-@{sizes[name]}-b";
+  twice: "@{sizes[name]}/@{theme[color]}";
+}
+
+// --- url() — the silent pass-through regression ---
+// An unquoted url() body was raw text in an Anonymous node, so neither the plain
+// nor the lookup interpolation resolved there while the quoted form did. Both
+// spellings are covered so the two cannot diverge again.
+@plain-path: "/plain";
+
+.url {
+  quoted: url("@{paths[img]}/hero.png");
+  unquoted: url(@{paths[img]}/plain.png);
+  unquoted-plain: url(@{plain-path}/no-lookup.png);
+  untouched: url(/static/literal.png);
+  untouched-quoted: url("/static/literal.png");
+  data-uri: url(data:image/svg+xml;base64,AAAA);
+}
+
+// --- ${...} property interpolation ---
+// Properties have no lookup grammar: `$name[key]` is a property reference followed
+// by literal `[key]`, and `prop: { … }` is a parse error in every scope, so nothing
+// can hold a ruleset to look into. `${...}` therefore stays narrow while `@{...}`
+// carries lookups, and the plain form must keep working unchanged.
+.property-interpolation {
+  color: red;
+  from-property: "${color}";
+  surrounded: "a-${color}-b";
+  bare: $color;
+}
+
+// --- selector interpolation ---
+.@{sizes[name]} {
+  a: b;
+}
+
+.@{theme[@nested][name]} {
+  c: d;
+}
+
+// --- property name interpolation ---
+.property {
+  @{sizes[name]}: from-lookup;
+  @{theme[@nested][name]}: from-chained-lookup;
+}
+
+// --- at-rule name and prelude ---
+@keyframes @{sizes[name]} {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@queries: {
+  tablet: ~"(min-width: 768px)";
+};
+
+@media @{queries[tablet]} {
+  .responsive {
+    e: f;
+  }
+}
+
+// --- custom property values ---
+.custom-property {
+  --from-lookup: @{paths[img]};
+  --from-chained: @{theme[@nested][name]};
+}
+
+// --- interpolation still resolves to a fixpoint ---
+// The inner `@{...}` arrives from a variable's value at eval time, so it is not
+// present in the source text of the outer reference.
+@inner: card;
+@outer: ~"@{inner}";
+
+.recursive {
+  g: "@{outer}";
+}
+
+// --- plain interpolation is unaffected by the lookup support ---
+.plain {
+  h: "@{which}";
+}
+
+.@{which} {
+  i: j;
+}

package/tests-unit/media/media.css

@@ -116,7 +116,7 @@
   @page :right {
     margin: 0.5cm;
   }
-  @page Test :first {
+  @page Test:first {
     margin: 1cm;
   }
   @page :first {
@@ -275,7 +275,7 @@
     color: red;
   }
 }
-@media screen and (max-width: 1280px) {
+@media screen and(max-width: 1280px) {
   .form-process-table {
     color: red;
   }

package/tests-unit/parse-interpolation/parse-interpolation.css

@@ -29,7 +29,8 @@ input[type=text], input[type=email], input[type=password], textarea {
   }
 }
 .bar2 {
-  .q:is(.a, .b, .c)&:hover, baz-quoted {
+  .q.a, .b, .c&:hover,
+  baz-quoted {
     color: green;
   }
 }
@@ -38,7 +39,7 @@ input[type=text], input[type=email], input[type=password], textarea {
     foo: bar;
   }
 }
-:is(.a, .b):is(.c, .d) {
+.a, .b.c, .d {
   + .e-quoted {
     foo: bar;
   }

package/tests-unit/parse-interpolation/parse-interpolation.less

@@ -1,7 +1,7 @@
 // Parse interpolation tests
-// Paired variants: selector-capture (`*[]`) and quoted selectors (`~'...'`).
+// Paired variants: selector-capture (`selector()`) and quoted selectors (`~'...'`).
 
-@inputs-cap: *[input[type=text], input[type=email], input[type=password], textarea];
+@inputs-cap: selector(input[type=text], input[type=email], input[type=password], textarea);
 @inputs-quoted: ~'input[type=text], input[type=email], input[type=password], textarea';
 
 @{inputs-cap} {
@@ -16,7 +16,7 @@
   }
 }
 
-@classes-cap: *[.a, .b, .c];
+@classes-cap: selector(.a, .b, .c);
 @classes-quoted: ~'.a, .b, .c';
 
 @{classes-cap} {
@@ -43,8 +43,8 @@
   }
 }
 
-@c-cap: *[.a, .b];
-@d-cap: *[.c, .d];
+@c-cap: selector(.a, .b);
+@d-cap: selector(.c, .d);
 @e-cap: ~' + .e-cap';
 
 @{c-cap}@{d-cap} {
@@ -63,7 +63,7 @@
   }
 }
 
-@textClasses-cap: *[&[class="text"], &.text];
+@textClasses-cap: selector(&[class="text"], &.text);
 @textClasses-quoted: ~'&[class="text"], &.text';
 
 input.cap {
@@ -78,7 +78,7 @@ input.quoted {
   }
 }
 
-@my-selector-cap: *[.selector-1, .selector-2];
+@my-selector-cap: selector(.selector-1, .selector-2);
 @my-selector-quoted: ~'.selector-1, .selector-2';
 
 .master-page-cap {
@@ -93,7 +93,7 @@ input.quoted {
   }
 }
 
-@list-cap: *[apple, satsuma, banana, pear];
+@list-cap: selector(apple, satsuma, banana, pear);
 
 @{list-cap} {
   .fruit-cap-& {

package/tests-unit/selectors/selectors.css

@@ -44,8 +44,8 @@ p a span {
 .qux :is(.foo .bar, .foo .baz) {
   display: inline;
 }
-.qux.foo .bar,
-.qux.foo .baz {
+.foo .bar.qux,
+.foo .baz.qux {
   display: inline-block;
 }
 .qux :is(.foo .bar, .foo .baz) .biz {
@@ -140,7 +140,7 @@ blank blank blank blank blank blank blank blank blank blank blank blank blank bl
 .blood {
   color: red;
 }
-.foo:not(.tst.only-nested .level2:hover) {
+.foo:not(.only-nested .level2.tst:hover) {
   test: only-nested;
 }
 .foo.nestend-and-non-nested:not(.tst.nestend-and-non-nested:hover) {
@@ -150,8 +150,8 @@ blank blank blank blank blank blank blank blank blank blank blank blank blank bl
   test: global scope;
 }
 .extend-this,
-.active:is(.first-level .second-level),
-:is(.first-level .second-level).active2 {
+.first-level .second-level.active,
+.first-level .second-level.active2 {
   content: '\2661';
 }
 .x:is(.x.a) {

package/tests-unit/styles.config.cjs

@@ -1,9 +1,14 @@
+// Settings for every fixture under tests-unit/. A fixture folder's own
+// styles.config overrides them. Flat output (collapseNesting: true) comes
+// from the corpus root styles.config.ts.
+//
+// URL rewriting stays off: urls/urls.css keeps urls from imported files as
+// they are written.
 module.exports = {
-  language: {
-    less: {
-      "relativeUrls": true,
-      "silent": true,
-      "javascriptEnabled": true
-    }
+  compile: {
+    // The goldens leave a division outside parens unevaluated: calc/calc.css
+    // keeps `50vh / 2`, and operations/operations-advanced.css keeps
+    // `10px / 2` and `10 / 5`, as its Less 4.x output in legacy/ does.
+    mathMode: 'parens-division'
   }
 };

package/tests-unit/styles.config.ts

@@ -1,8 +0,0 @@
-export default {
-  compile: {
-    mathMode: 'always'
-  },
-  output: {
-    collapseNesting: true,
-  },
-};