SCSS nth-child(n) iterator

iterator.scss

// frontpage widget colors
$frontpage-widget-color1: #00B5CC;
$frontpage-widget-color2: $green;
$frontpage-widget-color3: #CC181E; // youtube-rot

$frontpage-widget-icon1: "\f086"; // comments
$frontpage-widget-icon2: "\f007"; // user
$frontpage-widget-icon3: "\f16a"; // youtube-play

$colors: (
	1: $frontpage-widget-color1,
	2: $frontpage-widget-color2,
	3: $frontpage-widget-color3
);
$icons: (
	1: $frontpage-widget-icon1,
	2: $frontpage-widget-icon2,
	3: $frontpage-widget-icon3
);
@each $color in $colors {
	$colornr: nth($color, 1);
	$color: nth($color, 2);

	@each $icon in $icons {
		$iconnr: nth($icon, 1);
		$icon: nth($icon, 2);

		@if $colornr == $iconnr {
			&:nth-child(#{$iconnr}) {
				h3 {
					color: $color;
					&:before {
						@include fa-icon();
						content: $icon;
						width: (18em / 14);
					}
				}
				.more {
					background-color: $color;
				}
			}
		}
	}
}