Generated by SassMeister.com.

SassMeister-input.scss

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

$green: #00FF00;

@mixin fa-icon {
}

@mixin frontpage-widget($nr, $color, $icon) {
	&:nth-child(#{$nr}) {
		h3 {
			color: $color;
			&:before {
				@include fa-icon();
				content: $icon;
				width: (18em / 14);
			}
		}
		.more {
			background-color: $color;
		}
	}
}

.widget {
	@include frontpage-widget(1, #00B5CC, "\f086");
	@include frontpage-widget(2, $green, "\f007");
	@include frontpage-widget(3, #CC181E, "\f16a");
}

SassMeister-output.css

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