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"
);
|