less 3.9.0 → 3.10.1

package/test/less-bom/3rd-party/bootstrap4.less

@@ -1 +0,0 @@
-@import "bootstrap-less-port/less/bootstrap";

package/test/less-bom/3rd-party/uikit.less

@@ -1 +0,0 @@
-@import "uikit/src/less/uikit";

package/test/less-bom/calc.less

@@ -1,30 +0,0 @@
-@val: 10px;
-.no-math {
-  @c: 10px + 20px;
-  @calc: (@val + 30px);
-  root: calc(100% - @c);
-  root2: calc(100% - @calc);
-  @var: 50vh/2;
-  width: calc(50% + (@var - 20px));
-  height: calc(50% + ((@var - 20px)));
-  min-height: calc(((10vh)) + calc((5vh)));
-  foo: 1 + 2 calc(3 + 4) 5 + 6;
-  @floor: floor(1 + .1);
-  bar: calc(@floor + 20%);
-}
-
-.b {
-  @a: 10px;
-  @b: 10px;
-
-  one: calc(100% - ((min(@a + @b))));
-  two: calc(100% - (((@a + @b))));
-  three: calc(e('100%') - (3 * 1));
-  four: calc(~'100%' - (3 * 1));
-  nested: calc(calc(2.25rem + 2px) - 1px * 2);
-}
-
-.c {
-  @v: 10px;
-  height: calc(100% - ((@v * 3) + (@v * 2)));
-}

package/test/less-bom/charsets.less

@@ -1,3 +0,0 @@
-@charset "UTF-8";
-
-@import "import/import-charset-test";

package/test/less-bom/colors.less

@@ -1,116 +0,0 @@
-#yelow {
-  #short {
-    color: #fea;
-  }
-  #long {
-    color: #ffeeaa;
-  }
-  #rgba {
-    color: rgba(255, 238, 170, 0.1);
-  }
-  #argb {
-    color: argb(rgba(255, 238, 170, 0.1));
-  }
-}
-
-#blue {
-  #short {
-    color: #00f;
-  }
-  #long {
-    color: #0000ff;
-  }
-  #rgba {
-    color: rgba(0, 0, 255, 0.1);
-  }
-  #argb {
-    color: argb(rgba(0, 0, 255, 0.1));
-  }
-}
-
-#alpha #hsla {
-    color: hsla(11, 20%, 20%, 0.6);
-}
-
-#overflow {
-  .a { color: (#111111 - #444444); } // #000000
-  .b { color: (#eee + #fff); } // #ffffff
-  .c { color: (#aaa * 3); } // #ffffff
-  .d { color: (#00ee00 + #009900); } // #00ff00
-  .e { color: rgba(-99.9, 31.4159, 321, 0.42); }
-}
-
-#grey {
-  color: rgb(200, 200, 200);
-}
-
-#333333 {
-  color: rgb(20%, 20%, 20%);
-}
-
-#808080 {
-  color: hsl(50, 0%, 50%);
-}
-
-#00ff00 {
-  color: hsl(120, 100%, 50%);
-}
-
-.lightenblue {
-    color: lighten(blue, 10%);
-}
-
-.darkenblue {
-    color: darken(blue, 10%);
-}
-
-.unknowncolors {
-    color: blue2;
-    border: 2px solid superred;
-}
-
-.transparent {
-    color: transparent;
-    background-color: rgba(0, 0, 0, 0);
-}
-#alpha {
-    @colorvar: rgba(150, 200, 150, 0.7);
-    #fromvar {
-        opacity: alpha(@colorvar);
-    }
-    #short {
-        opacity: alpha(#aaa);
-    }
-    #long {
-        opacity: alpha(#bababa);
-    }
-    #rgba {
-        opacity: alpha(rgba(50, 120, 95, 0.2));
-    }
-    #hsl {
-        opacity: alpha(hsl(120, 100%, 50%));
-    }
-}
-
-#percentage {
-  color: red(rgb(100%, 0, 0));
-  border-color: rgba(100%, 0, 0, 50%);
-}
-
-#rrggbbaa {
-  test-1: #55FF5599;
-  test-2: #5F59;
-  test-3: lighten(#55FF5599, 10%);
-  test-4: fade(#5F59, 10%);
-  test-5: rgba(#55FF5599);
-  test-6: rgba(#5F59);
-  test-7: rgba(#5F59, 0.5);
-  test-8: rgba(var(--color-accent), 0.2);
-  test-9: rgb(var(--color-accent));
-  test-9: hsla(var(--color-accent));
-  test-10: color('#55FF5599');
-  test-11: hsla(#5F59);
-  test-12: hsla(#5F59, 0.5);
-  --semi-transparent-dark-background: #001e00ee;
-  --semi-transparent-dark-background-2: rgba(0, 30, 0, 238); // invalid opacity will be capped
-}

package/test/less-bom/comments.less

@@ -1,102 +0,0 @@
-/******************\
-*                  *
-*  Comment Header  *
-*                  *
-\******************/
-
-/*
-
-    Comment
-
-*/
-
-/*
- * Comment Test
- *
- * - cloudhead (http://cloudhead.net)
- *
- */
-
-////////////////
-@var: "content";
-////////////////
-
-/* Colors
- * ------
- *   #EDF8FC (background blue)
- *   #166C89 (darkest blue)
- *
- * Text:
- *   #333 (standard text) // A comment within a comment!
- *   #1F9EC9 (standard link)
- *
- */
-
-/* @group Variables
-------------------- */
-#comments /* boo *//* boo again*/,
-//.commented_out1
-//.commented_out2
-//.commented_out3
-.comments //end of comments1
-//end of comments2
-{
-  /**/ // An empty comment
-  color: red; /* A C-style comment */  /* A C-style comment */
-  background-color: orange; // A little comment
-  font-size: 12px;
-
-  /* lost comment */ content: @var;
-
-  border: 1px solid black;
-
-  // padding & margin //
-  padding: 0; // }{ '"
-  margin: 2em;
-} //
-
-/* commented out
-  #more-comments {
-    color: grey;
-  }
-*/
-
-.selector /* .with */, .lots, /* of */ .comments {
-  color/* survive */ /* me too */: grey, /* blue */ orange;
-  -webkit-border-radius: 2px /* webkit only */;
-  -moz-border-radius: (2px * 4) /* moz only with operation */;
-}
-
-.mixin_def_with_colors(@a: white, // in
-       @b: 1px //put in @b - causes problems! --->
-       ) // the
-       when (@a = white) {
-    .test {
-        color: @b;
-    }
-}
-.mixin_def_with_colors();
-
-// .s when
-//R/2
-
-.sr-only-focusable {
-  clip: auto;
-}
-
-@-webkit-keyframes /* Safari */ hover /* and Chrome */ {
-  0% {
-    color: red;
-  }
-}
-
-#last { color: blue }
-//
-
-/*  *//* { *//*  *//*  *//*  */#div { color:#A33; }/* } */
-
-// line immediately followed
-/*by block */
-@string_w_comment: ~"/* // Not commented out // */";
-#output-block { comment: @string_w_comment; }
-/*comment on last line*/

package/test/less-bom/comments2.less

@@ -1,31 +0,0 @@
-@media all and/*! */(max-width:1024px) {}
-@-webkit-keyframes hover /* Safari and Chrome */{  }
-.bg {
-  background-image: linear-gradient(#333 /*{comment}*/, #111);
-}
-#planadvisor,
-/*comment*//*comment*/
-.first,/*comment*//*comment*/.planning {
-    margin:10px;
-    total-width: @total-width;
-}
-@base                       :   1;
-@column-width               :   @base * 6em;                //      Width of column             */
-@gutter-width               :   2em;                        //      Width of column spacing     */
-@columns                    :   12;                         //      Number of Columns           */
-@gridsystem-width           :   (@column-width *            //      For calculating the total   */
-                                    @columns) + (               //      width of the content area.  */
-                                    @gutter-width *             //      We strongly recommend you   */
-                                    @columns);                  //      do not change this formula. */
-@total-width                :   @gridsystem-width;          //      set to 100% for fluid grid  */
-
-// .............................................................................
-
-.some-inline-comments {
-    a: yes /* comment */;
-    b: red /* comment */;
-   @c: yes /* comment */;
-   @d: red /* comment */;
-    c: @c;
-    d: @d;
-}

package/test/less-bom/compression/compression.less

@@ -1,36 +0,0 @@
-#colours {
-  color1: #fea;
-  color2: #ffeeaa;
-  color3: rgba(255, 238, 170, 0.1);
-  @color1: #fea;
-  string: "@{color1}";
-  /* comments are stripped */
-  // both types!
-  /*! but not this type
-      Note preserved whitespace
-  */
-}
-dimensions {
-  val: 0.1px;
-  val: 0em;
-  val: 4cm;
-  val: 0.2;
-  val: 5;
-  angles-must-have-unit: 0deg;
-  durations-must-have-unit: 0s;
-  length-doesnt-have-unit: 0px;
-  width: auto\9;
-}
-@page  {
-  marks: none;
-@top-left-corner {
-  vertical-align: top;
-}
-@top-left {
-  vertical-align: top;
-}
-}
-.shadow ^ .dom,
-body ^^ .shadow {
-  display: done;
-}

package/test/less-bom/css-3.less

@@ -1,153 +0,0 @@
-.comma-delimited {
-  text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
-  -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset,
-    0pt 4px 6px rgba(255, 255, 255, 0.4) inset;
-  -webkit-transform: rotate(-0.0000000001deg);
-}
-@font-face {
-  font-family: Headline;
-  unicode-range: U+??????, U+0???, U+0-7F, U+A5;
-}
-.other {
-  -moz-transform: translate(0, 11em) rotate(-90deg);
-  transform: rotateX(45deg);
-}
-.item[data-cra_zy-attr1b-ut3=bold] {
-  font-weight: bold;
-}
-p:not([class*="lead"]) {
-  color: black;
-}
-
-input[type="text"].class#id[attr=32]:not(1) {
-  color: white;
-}
-
-div#id.class[a=1][b=2].class:not(1) {
-  color: white;
-}
-
-ul.comma > li:not(:only-child)::after {
-  color: white;
-}
-
-ol.comma > li:nth-last-child(2)::after {
-  color: white;
-}
-
-li:nth-child(4n+1),
-li:nth-child(-5n),
-li:nth-child(-n+2) {
-  color: white;
-}
-
-a[href^="http://"] {
-  color: black;
-}
-
-a[href$="http://"] {
-  color: black;
-}
-
-form[data-disabled] {
-  color: black;
-}
-
-p::before {
-  color: black;
-}
-
-#issue322 {
-  -webkit-animation: anim2 7s infinite ease-in-out;
-}
-
-@-webkit-keyframes frames {
-  0% { border: 1px }
-  5.5% { border: 2px }
-  100% { border: 3px }
-}
-
-@keyframes fontbulger1 {
-  to {
-    font-size: 15px;
-  }
-  from,to {
-    font-size: 12px;
-  }
-  0%,100% {
-    font-size: 12px;
-  }
-}
-
-@supports ( box-shadow: 2px 2px 2px black ) or
-          ( -moz-box-shadow: 2px 2px 2px black ) {
-  .outline {
-    box-shadow: 2px 2px 2px black;
-    -moz-box-shadow: 2px 2px 2px black;
-  }
-}
-
-@-x-document url-prefix(""github.com"") {
-  h1 {
-    color: red;
-  }
-}
-
-@viewport {
-  font-size: 10px;
-}
-@namespace foo url(http://www.example.com);
-
-foo|h1 { color: blue; }
-foo|* { color: yellow; }
-|h1 { color: red; }
-*|h1 { color: green; }
-h1 { color: green; }
-.upper-test {
-  UpperCaseProperties: allowed;
-}
-@host {
-  div {
-    display: block;
-  }
-}
-::distributed(input::placeholder) {
-  color: #b3b3b3;
-}
-.shadow ^ .dom,
-body ^^ .shadow {
-  display: done;
-}
-
-:host(.sel .a),
-:host-context(.sel .b),
-.sel /deep/ .b,
-::content .sel {
-  type: shadow-dom;
-}
-/deep/ b {
- c: 'd';
- &[e]{
-   f: 'g';
- }
-}
-
-#issue2066 {
-  background: url('/images/icon-team.svg') 0 0 / contain;
-}
-
-@counter-style triangle {
-  system: cyclic;
-  symbols: ‣;
-  suffix: " ";
-}
-
-@-ms-viewport{
-  // width: auto !important;
-}
-
-@unknown foo 42 (bar) {
-    x {y: z}    
-}
-
-@unknown foo 43;

package/test/less-bom/css-escapes.less

@@ -1,42 +0,0 @@
-@ugly: fuchsia;
-
-.escape\|random\|char {
-    color: red;
-}
-
-.mixin\!tUp {
-    font-weight: bold;
-}
-
-// class="404"
-.\34 04 {
-    background: red;
-
-    strong {
-        color: @ugly;
-        .mixin\!tUp;
-    }
-}
-
-.trailingTest\+ {
-    color: red;
-}
-
-/* This hideous test of hideousness checks for the selector "blockquote" with various permutations of hex escapes */
-\62\6c\6f \63 \6B \0071 \000075o\74 e {
-    color: silver;
-}
-
-[ng\:cloak],
-ng\:form {
-  display: none;
-}
-
-// In Bootstrap v3
-.bootstrap {
-    background-color: #000 \9;
-}
-
-textarea {
-    font-family: 'helvetica neue','wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
-}

package/test/less-bom/css-grid.less

@@ -1,30 +0,0 @@
-.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/test/less-bom/css-guards.less

@@ -1,103 +0,0 @@
-
-.light when (lightness(@a) > 50%) {
-  color: green;
-}
-.dark when (lightness(@a) < 50%) {
-  color: orange;
-}
-@a: #ddd;
-
-.see-the {
-  @a: #444; // this mirrors what mixins do - they evaluate the guards at the point of definition
-  .light();
-  .dark();
-}
-
-.hide-the {
-  .light();
-  .dark();
-}
-
-.multiple-conditions-1 when (@b = 1), (@c = 2), (@d = 3) {
-  color: red;
-}
-
-.multiple-conditions-2 when (@b = 1), (@c = 2), (@d = 2) {
-  color: blue;
-}
-
-@b: 2;
-@c: 3;
-@d: 3;
-
-.inheritance when (@b = 2) {
-  .test {
-    color: black;
-  }
-  &:hover {
-    color: pink;
-  }
-  .hideme when (@b = 1) {
-    color: green;
-  }
-  & when (@b = 1) {
-    hideme: green;
-  }
-}
-
-.hideme when (@b = 1) {
-  .test {
-    color: black;
-  }
-  &:hover {
-    color: pink;
-  }
-  .hideme when (@b = 1) {
-    color: green;
-  }
-}
-
-& when (@b = 1) {
-  .hideme {
-    color: red;
-  }
-}
-
-.mixin-with-guard-inside(@colWidth) {
-  // selector with guard (applies also to & when() ...)
-  .clsWithGuard when (@colWidth <= 0) {
-    dispaly: none;
-  }
-}
-
-.mixin-with-guard-inside(0px);
-
-.dont-split-me-up {
-  width: 1px;
-  & when (@c = 3) {
-    color: red;
-  }
-  & when (@c = 3) {
-    height: 1px;
-  }
-  + & when (@c = 3) { // creates invalid css but tests that we don't fold it in
-    sibling: true;
-  }
-}
-
-.scope-check when (@c = 3) {
-  @k: 1px;
-  & when (@c = 3) {
-    @k: 2px;
-    sub-prop: @k;
-  }
-  prop: @k;
-}
-.scope-check-2 {
-  .scope-check();
-  @k:4px;
-}
-.errors-if-called when (@c = never) {
-  .mixin-doesnt-exist();
-}
-a:hover when (2 = true) {5:-}

package/test/less-bom/debug/import/test.less

@@ -1,25 +0,0 @@
-@charset "ISO-8859-1";
-
-.mixin_import1() {
-    @media all {
-        .tst {
-            color: black;
-            @media screen {
-                color: red;
-                .tst3 {
-                    color: white;
-                }
-            }
-        }
-    }
-}
-
-.mixin_import2() {
-    .tst2 {
-        color: white;
-    }
-}
-
-.tst3 {
-    color: grey;
-}

package/test/less-bom/debug/linenumbers.less

@@ -1,33 +0,0 @@
-@charset "UTF-8";
-
-@import "import/test.less";
-
-.start() {
-  .test2 {
-      color: red;
-  }
-}
-
-.mix() {
-    color: black;
-}
-
-.test1 {
-  .mix();
-}
-
-.start();
-
-.mixin_import1();
-
-.mixin_import2();
-
-@debug: 1;
-& when (@debug = 1) {
-  .test {
-    color: red;
-    & when (@debug = 1) {
-      width: 2;
-    }
-  }
-}