Reusable function/mixin for sass function - function

Question

I'm wondering if there's a simple way to re use a mixin simply by comma separating the passed information?
Example, if I wanted to output css based on how many things are passed through the mixin.
MIXIN
#mixin generate($number...){
.item-#{$number} {#content}
}
INCLUDE
#include generate(1, 2){color:red;}
I'd like this to output:
.item-1 {color:red;}
.item-2 {color:red;}
Example 2
#include generate(1, 5, 6){color:red;}
Which would output:
.item-1 {color:red;}
.item-5 {color:red;}
.item-6 {color:red;}
This is a VERY simplified version of what I actually want, I don't care what the mixin looks like, or how it handles it, however I do want the include to look like this #include generate(1,2,6,5){color:red;}.
Thankyou!
Shannon

Answer 1

Basic usage
Use the #each loop.
#mixin generate($numbers...){
#each $number in $numbers {
.item-#{$number} {#content;}
}
}
#include generate(1, 2, 6);
Demo: http://sassbin.com/gist/5999585/
Advanced usage
You can use the #for loop to have both item and its index. Also, you can use a list of lists to pass multiple values for each element:
=generate($items...)
#for $i from 1 through length($items)
$item: nth($items, $i)
$offset: nth($item, 1)
$color: nth($item, 2)
.block-#{$i}
margin-left: $offset
background-color: $color
+generate(10 red, 20 green, 60 blue)
I've switched to the indented .sass syntax to get rid of curly braces and semicolons nuisance.
Demo: http://sassbin.com/gist/6007849/
Precaution
I hope that your example is synthetic. If you use it like that in production, you're doing it wrong! Use extends instead:
%item { color: red};
.item-1, .item-2, .item-6 {
#extend %item;
}
The resulting CSS will appear different (shorter but with same functionality):
.item-1, .item-2, .item-6 {
color: red;
}
Demo: http://sassbin.com/gist/5999603/