jdsteinbach
2/11/2014 - 9:02 PM

Generated by SassMeister.com.

Generated by SassMeister.com.

.srv-group-01 h1, .srv-group-01 .lead {
  color: #542989;
}
.srv-group-01 .block-title, .srv-group-01 .service-tag {
  background-color: #542989;
}

.srv-group-02 h1, .srv-group-02 .lead {
  color: #0079c2;
}
.srv-group-02 .block-title, .srv-group-02 .service-tag {
  background-color: #0079c2;
}

.srv-group-03 h1, .srv-group-03 .lead {
  color: #50b948;
}
.srv-group-03 .block-title, .srv-group-03 .service-tag {
  background-color: #50b948;
}

.srv-group-04 h1, .srv-group-04 .lead {
  color: #a41984;
}
.srv-group-04 .block-title, .srv-group-04 .service-tag {
  background-color: #a41984;
}
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----

//Service Group Colours
$srv-grp-colors: #542989, #0079c2, #50b948, #a41984;

@mixin service-group($color) {
	h1, .lead {
		color:$color;
	}

	.block-title, .service-tag {
		background-color:$color;
	}
}

@for $i from 1 through length($srv-grp-colors) {
  .srv-group-0#{$i} {
    $color: nth($srv-grp-colors, $i);
    @include service-group($color);
  }
}