Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

$green: #00FF00;
@mixin fa-icon {
}

.widget {
	@each $nr, $color, $icon in (1, #00B5CC, "\f086"),
	                           (2, $green, "\f007"),
	                           (3, #CC181E, "\f16a") {
  	&:nth-child(#{$nr}) {
  		h3 {
  			color: $color;
  			&:before {
  				@include fa-icon();
  				content: $icon;
  				width: (18em / 14);
  			}
  		}
  		.more {
  			background-color: $color;
  		}
  	}
 }
}

SassMeister-output.css

@charset "UTF-8";
.widget:nth-child(1) h3 {
  color: #00B5CC;
}
.widget:nth-child(1) h3:before {
  content: "";
  width: 1.28571429em;
}
.widget:nth-child(1) .more {
  background-color: #00B5CC;
}
.widget:nth-child(2) h3 {
  color: #00FF00;
}
.widget:nth-child(2) h3:before {
  content: "";
  width: 1.28571429em;
}
.widget:nth-child(2) .more {
  background-color: #00FF00;
}
.widget:nth-child(3) h3 {
  color: #CC181E;
}
.widget:nth-child(3) h3:before {
  content: "";
  width: 1.28571429em;
}
.widget:nth-child(3) .more {
  background-color: #CC181E;
}