File: input.scss

package info (click to toggle)
node-node-sass 9.0.0%2Bgit20240131.6081731%2Bdfsg-3
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid, trixie
  • size: 75,520 kB
  • sloc: javascript: 7,313; cpp: 1,495; perl: 428; makefile: 11
file content (34 lines) | stat: -rw-r--r-- 740 bytes parent folder | download | duplicates (16)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// works fine with plain @each directive
$i: 1;
$prop1: width;
$prop2: background-position;
$values: 132px,
    100px "-100px -25px",
    200px "-500px -100px";

@each $value1, $value2 in $values{
  .okay#{$i} {
    #{$prop1}: #{$value1};
    #{$prop2}: #{$value2};
  }
  $i: ($i + 1);
}

// when using @each inside @mixin with variable arguments($values...),
// $value2 is missing and no errors while compiling
@mixin eachProp($prop1, $prop2, $values...){
  $i: 1;
  @each $value1, $value2 in $values{
    .error#{$i} {
      #{$prop1}: #{$value1};
      #{$prop2}: #{$value2};
    }
    $i: ($i + 1);
  }
}

@include eachProp($prop1, $prop2,
  132px,
    100px "-100px -25px",
    200px "-500px -100px"
);