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);
}
}