less 3.9.0 → 3.10.1

package/test/less-bom/mixins-nested.less

@@ -1,22 +0,0 @@
-.mix-inner (@var) {
-  border-width: @var;
-}
-
-.mix (@a: 10) {
-  .inner {
-    height: (@a * 10);
-
-    .innest {
-      width: @a;
-      .mix-inner((@a * 2));
-    }
-  }
-}
-
-.class {
-  .mix(30);
-}
-
-.class2 {
-  .mix(60);
-}

package/test/less-bom/mixins-pattern.less

@@ -1,102 +0,0 @@
-.mixin (...) {
-  variadic: true;
-}
-.mixin (@a...) {
-  named-variadic: true;
-}
-.mixin () {
-    zero: 0;
-}
-.mixin (@a: 1px) {
-    one: 1;
-}
-.mixin (@a) {
-    one-req: 1;
-}
-.mixin (@a: 1px, @b: 2px) {
-    two: 2;
-}
-
-.mixin (@a, @b, @c) {
-    three-req: 3;
-}
-
-.mixin (@a: 1px, @b: 2px, @c: 3px) {
-    three: 3;
-}
-
-.zero {
-    .mixin();
-}
-
-.one {
-    .mixin(1);
-}
-
-.two {
-    .mixin(1, 2);
-}
-
-.three {
-    .mixin(1, 2, 3);
-}
-
-//
-
-.mixout ('left') {
-    left: 1;
-}
-
-.mixout ('right') {
-    right: 1;
-}
-
-.left {
-    .mixout('left');
-}
-.right {
-    .mixout('right');
-}
-
-//
-
-.border (@side, @width) {
-    color: black;
-    .border-side(@side, @width);
-}
-.border-side (left, @w) {
-    border-left: @w;
-}
-.border-side (right, @w) {
-    border-right: @w;
-}
-
-.border-right {
-    .border(right, 4px);
-}
-.border-left {
-    .border(left, 4px);
-}
-
-//
-
-
-.border-radius (@r) {
-    both: (@r * 10);
-}
-.border-radius (@r, left) {
-    left: @r;
-}
-.border-radius (@r, right) {
-    right: @r;
-}
-
-.only-right {
-    .border-radius(33, right);
-}
-.only-left {
-    .border-radius(33, left);
-}
-.left-right {
-    .border-radius(33);
-}

package/test/less-bom/mixins.less

@@ -1,145 +0,0 @@
-.mixin { border: 1px solid black; }
-.mixout { border-color: orange; }
-.borders { border-style: dashed; }
-.mixin > * { border: do not match me; }
-
-#namespace {
-  .borders {
-    border-style: dotted;
-  }
-  .biohazard {
-    content: "death";
-    .man {
-      color: transparent;
-    }
-  }
-}
-#theme {
-  > .mixin {
-    background-color: grey;
-  }
-}
-#container {
-  color: black;
-  .mixin;
-  .mixout;
-  #theme > .mixin;
-}
-
-#header {
-  .milk {
-    color: white;
-    .mixin;
-    #theme > .mixin;
-  }
-  #cookie {
-    .chips {
-      #namespace .borders;
-      .calories {
-        #container;
-      }
-    }
-    .borders;
-  }
-}
-.secure-zone { #namespace .biohazard .man; }
-.direct {
-  #namespace > .borders;
-}
-
-.bo, .bar {
-    width: 100%;
-}
-.bo {
-    border: 1px;
-}
-.ar.bo.ca {
-    color: black;
-}
-.jo.ki {
-    background: none;
-}
-.amp {
-    &.support {
-        color: orange;
-        .higher {
-            top: 0px;
-        }
-        &.deeper {
-            height: auto;
-        }
-    }
-}
-.extended {
-    .bo;
-    .jo.ki;
-    .amp.support;
-    .amp.support.higher;
-    .amp.support.deeper;
-}
-.do .re .mi .fa {
-    .sol .la {
-        .si {
-            color: cyan;
-        }
-    }
-}
-.mutli-selector-parents {
-    .do.re.mi.fa.sol.la.si;
-}
-.foo .bar {
-  .bar;
-}
-.has_parents() {
-  & .underParents {
-    color: red;
-  }
-}
-.has_parents();
-.parent {
-  .has_parents();
-}
-.margin_between(@above, @below) {
-     * + & { margin-top: @above; }
-     legend + & { margin-top: 0; }
-     & + * { margin-top: @below; }
-}
-h1 { .margin_between(25px, 10px); }
-h2 { .margin_between(20px, 8px); }
-h3 { .margin_between(15px, 5px); }
-
-.mixin_def(@url, @position){
-    background-image: @url;
-    background-position: @position;
-}
-.error{
-  @s: "/";
-  .mixin_def( "@{s}a.png", center center);
-}
-.recursion() {
-  color: black;
-}
-.test-rec {
-  .recursion {
-    .recursion();
-  }
-}
-.paddingFloat(@padding) { padding-left: @padding; }
-
-.button {
-    .paddingFloat(((10px + 12) * 2));
-
-    &.large { .paddingFloat(((10em * 2) * 2)); }
-}
-.clearfix() {
-  // ...
-}
-.clearfix {
-  .clearfix();
-}
-.clearfix {
-  .clearfix();
-}
-.foo {
-  .clearfix();
-}

package/test/less-bom/modifyVars/extended.json

@@ -1,5 +0,0 @@
-{
-    "the-border": "1px",
-    "base-color": "#111",
-    "red": "#842210"
-}

package/test/less-bom/modifyVars/extended.less

@@ -1,11 +0,0 @@
-#header {
-  color: (@base-color * 3);
-  border-left: @the-border;
-  border-right: (@the-border * 2);
-}
-#footer {
-  color: (@base-color + #003300);
-  border-color: @red;
-}
-@red: blue; // var is overridden by the modifyVars
-//@base-color: green;

package/test/less-bom/namespacing/imports/a-better-bootstrap.less

@@ -1,13 +0,0 @@
-#theme() {
-  .light() {} //...
-  .dark() {
-    // ...
-    .navbar() {
-      .colors() {
-        primary: blue;
-        secondary: lightblue;
-      }
-    }
-    // ...
-  }
-}

package/test/less-bom/namespacing/imports/library.less

@@ -1,14 +0,0 @@
-
-// I am a library
-#library {
-  .sizes() {
-    @width: 600px;
-  }
-  .add-one(@val) {
-    @return: @val + 1px;
-  }
-  .sizes(@test) when (@test = true) {
-    @width: 400px;
-  }
-}
-

package/test/less-bom/namespacing/namespacing-1.less

@@ -1,42 +0,0 @@
-@varToGet: default-color;
-.foo {
-  color1: @defaults[@default-color];
-  color2: @defaults[@nested][@color];
-  color3: @theme[color];
-  color4: @theme[@nested][color];
-  color5: @defaults[@@varToGet];
-  prop: #ns1[foo];
-  var: #ns1[@foo];
-  sub: #ns1.vars[$sub];
-}
-
-@defaults: {
-  @default-color: red;
-  @nested: {
-    @color: yellow;
-  }
-};
-
-@theme: {
-  color: red;
-  @nested: {
-    color: yellow;
-  }
-};
-
-#ns1 {
-  foo: bar;
-  @foo: baz;
-  .vars() {
-    sub: value;
-  }
-}
-
-// Test that it matches more than one mixin
-#ns1 {
-  foo: uno;
-  @foo: dos;
-  .vars() {
-    sub: tres;
-  }
-}

package/test/less-bom/namespacing/namespacing-2.less

@@ -1,27 +0,0 @@
-@import "imports/library.less";
-
-.bar {
-  width: #library.sizes[@width];
-  height: #library.add-one(1px)[@return];
-}
-
-// I'm gonna override some values
-#library {
-  .sizes() {
-    @width: 800px;
-  }
-}
-
-.foo {
-  width: #library.sizes[@width];
-}
-
-.foods() {
-  @dessert: ice cream;
-}
-
-@key-to-lookup: dessert;
-
-.lunch {
-  treat: .foods[@@key-to-lookup];
-}

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

@@ -1,28 +0,0 @@
-@map: {
-  @width: 400px;
-  @colors: {
-    toolbar-background: red;
-    toolbar-foreground: white;
-  }
-};
-
-#ns {
-  .mixin() {
-    @height: 200px;
-  }
-}
-
-@breakpoints: {
-  mobile: 320px;
-  tablet: 768px;
-  desktop: 1024px;
-};
-
-@media (min-width: @breakpoints[mobile]) {
-  .toolbar {
-    width: @map[@width];
-    height: #ns.mixin[@height];
-    background: @map[@colors][toolbar-background];
-    color: @map[@colors][toolbar-foreground];
-  }
-}

package/test/less-bom/namespacing/namespacing-4.less

@@ -1,33 +0,0 @@
-#ns {
-  .mixin(@a) when (@a = 1) {
-    @a: 20px;
-  }
-}
-
-.alias() {
-  #ns.mixin(1);
-}
-
-#library {
-  .core() {
-    .colors() {
-      primary: blue;
-      foreground: white;
-    }
-  }
-}
-
-#library {
-  .core() {
-    .colors() {
-      primary: rebeccapurple;
-    }
-  }
-}
-
-.foo {
-  .colors() { #library.core.colors; }
-  width: .alias[@a];
-  background: .colors[primary];
-  color: .colors[foreground];
-}

package/test/less-bom/namespacing/namespacing-5.less

@@ -1,32 +0,0 @@
-@import "imports/a-better-bootstrap";
-
-#theme.dark.navbar {
-  .colors() {
-    primary: rebeccapurple;
-  }
-  .colors(dark) {
-    primary: black;
-    secondary: grey;
-  }
-  .test() {
-    val: output;
-  }
-}
-
-.my-navbar {
-  #theme.dark.navbar();
-  background: .colors[primary];
-  .test();
-}
-
-.another-navbar {
-  @colors: #theme.dark.navbar.colors() !important;
-  background: @colors[primary];
-  border: 1px solid @colors[secondary];
-}
-
-.another {
-  @colors: #theme.dark.navbar.colors(dark);
-  background: @colors[primary];
-  border: 1px solid @colors[secondary];
-}

package/test/less-bom/namespacing/namespacing-6.less

@@ -1,26 +0,0 @@
-.wrapper(@another-mixin) {
-  @another-mixin();
-}
-
-.something(foo) {
-  width: 10px;
-}
-
-.output-height() {
-  height: 10px;
-}
-
-.rule-1 {
-  @alias: .something(foo);
-  @alias();
-}
-
-.rule-2 {
-  @alias: .something(foo);
-  .wrapper(@alias);
-}
-
-.rule-3 {
-  .wrapper(.something(foo));
-  .wrapper(.output-height());
-}

package/test/less-bom/namespacing/namespacing-7.less

@@ -1,48 +0,0 @@
-#ns {
-  .options() {
-    option: true;
-  }
-}
-
-@ns: {
-  @options: {
-    option: true;
-  };
-};
-
-& when (#ns.options[option]) {
-  .output {
-    a: b;
-  }
-}
-
-& when (#ns.options[option] = true) {
-  .output-2 {
-    c: d;
-  }
-}
-
-& when (#ns.options[option] = false) {
-  .no-reach {
-    c: d;
-  }
-}
-
-// DR access
-& when (@ns[@options][option]) {
-  .dr {
-    a: b;
-  }
-}
-
-& when (@ns[@options][option] = true) {
-  .dr-2 {
-    c: d;
-  }
-}
-
-& when (@ns[@options][option] = false) {
-  .dr-no-reach {
-    c: d;
-  }
-}

package/test/less-bom/namespacing/namespacing-functions.less

@@ -1,11 +0,0 @@
-.add(@a, @b) {
-  @r: @a + @b;
-}
-.foo {
-  width: .add(10px, 10px)[];
-  bar: @return[];
-}
-
-@return: {
-  single: val;
-}

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

@@ -1,26 +0,0 @@
-#ns {
-  .sizes() {
-    @small: 600px;
-  }
-  .breakpoint(@size) {
-    @val: #ns.sizes[@@size];
-    @min: (min-width: @val);
-    @max: not all and @min;
-  }
-}
-
-#ns {
-  .sizes() {
-    @small: 480px;
-  }
-}
-
-.valToGet() {
-  keyword: small;
-}
-
-@media #ns.breakpoint(.valToGet[])[@max] {
-  .selector {
-    prop: val;
-  }
-}

package/test/less-bom/namespacing/namespacing-operations.less

@@ -1,15 +0,0 @@
-#ns {
-  .options() {
-    val1: 10px;
-  }
-}
-
-@ns: {
-  @options: {
-    val2: 20px;
-  }
-}
-
-.foo {
-  val: #ns.options[val1] + @ns[@options][val2] + 5px;
-}

package/test/less-bom/nested-gradient-with-svg-gradient/mixin-consumer.less

@@ -1,5 +0,0 @@
-@import "svg-gradient-mixin.less";
-
-.gray-gradient {
-  .gradient-mixin(#999);
-}

package/test/less-bom/nested-gradient-with-svg-gradient/svg-gradient-mixin.less

@@ -1,15 +0,0 @@
-.gradient-mixin(@color) {
-  background: svg-gradient(to bottom,
-    fade(@color, 0%) 0%,
-    fade(@color, 5%) 60%,
-    fade(@color, 10%) 70%,
-    fade(@color, 15%) 73%,
-    fade(@color, 20%) 75%,
-    fade(@color, 25%) 80%,
-    fade(@color, 30%) 85%,
-    fade(@color, 35%) 88%,
-    fade(@color, 40%) 90%,
-    fade(@color, 45%) 95%,
-    fade(@color, 50%) 100%
-  );
-}

package/test/less-bom/no-js-errors/no-js-errors.less

@@ -1,3 +0,0 @@
-.a {
-  a: `1 + 1`;
-}

package/test/less-bom/no-js-errors/no-js-errors.txt

@@ -1,4 +0,0 @@
-SyntaxError: Inline JavaScript is not enabled. Is it set in your options? in {path}no-js-errors.less on line 2, column 6:
-1 .a {
-2   a: `1 + 1`;
-3 }

package/test/less-bom/no-output.less

@@ -1,2 +0,0 @@
-.mixin() {
-}

package/test/less-bom/no-strict-math/mixins-guards.less

@@ -1,25 +0,0 @@
-// https://github.com/less/less.js/issues/2798
-.test-2798 when ((8+4) < 13) { 
-  regression: fixed; 
-}
-.test-2798 when ((8+6) < 13) { 
-  regression: should not be visible; 
-}
-.conditions-parser-1 when (8+4 < 13) {
-  only-atomic: ok;
-}
-.conditions-parser-1 when (8+6 < 13) {
-  only-atomic: should not be visible;
-}
-.conditions-parser-2 when (8+(5-1) < 13) {
-  only-atomic-with-nested-parenthesis: ok;
-}
-.conditions-parser-2 when (8+(15-1) < 13) {
-  only-atomic-with-nested-parenthesis: should not be visible;
-}
-.conditions-parser-3 when (8 < (13+1)) {
-  only-atomic-nested-parenthesis-on-right: ok;
-}
-.conditions-parser-3 when (8 < (3+1)) {
-  only-atomic-nested-parenthesis-on-right: should not be visible;
-}

package/test/less-bom/no-strict-math/no-sm-operations.less

@@ -1,16 +0,0 @@
-.named-colors-in-expressions {
-    color-0: 0 -red;  
-    color-1: 1 - red; 
-    color-2: red * 2;
-    color-3: 2 * red;
-    @3: -red;
-    &-bar@{3} {x: y}
-    @color: red;
-    &-bar@{color} {a: a};
-    background-color: blue-2;
-    color: green-black;
-    animation: blue-change 5s infinite;
-}
-.division {
-    value: ((16px ./ 2) / 2) / 2;
-}