For less.js, explodes a set of selectors for a given rule.

explode-rule

/*
This assumes that the mixin is being included inside a selector.
Particularly useful for a set of selectors that have vendor-specific
prefixes, which cannot be mixed in a selector group.

Example usage:
@selectors: bar, baz, ~'::-webkit-input-placeholder', ~'::-moz-placeholder';;
.foo {
	.explode-rule({
		width: 100%;
	}, @selectors);
}

Output:
.foo.bar {
    width: 100%;
}
.foo.baz {
    width: 100%;
}
.foo::-webkit-input-placeholder {
    width: 100%;
}
.foo::-moz-placeholder {
    width: 100%;
}
*/

.explode-rule(@rule, @selectorArray) {
    .-(@i: length(@selectorArray)) when (@i > 0) {
		@selector: extract(@selectorArray, @i);
		&@{selector} { @rule(); }
		.-((@i - 1));
	} .-;
}