Skip to content

Instantly share code, notes, and snippets.

@terryupton
Created February 11, 2014 18:08
Show Gist options
  • Save terryupton/8940528 to your computer and use it in GitHub Desktop.
Save terryupton/8940528 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
//Service Group Colours
$srv-grp-01-color: #542989;
$srv-grp-02-color: #0079c2;
$srv-grp-03-color: #50b948;
$srv-grp-04-color: #a41984;
@mixin service-group($color) {
h1, .lead {
color:$color;
}
.block-title {
background-color:$color;
}
.service-tag {
background-color:$color;
}
}
.srv-grp-01 {
@include service-group($srv-grp-01-color);
}
.srv-grp-02 {
@include service-group($srv-grp-02-color);
}
.srv-grp-03 {
@include service-group($srv-grp-03-color);
}
.srv-grp-04 {
@include service-group($srv-grp-04-color);
}
.srv-grp-01 h1, .srv-grp-01 .lead {
color: #542989;
}
.srv-grp-01 .block-title {
background-color: #542989;
}
.srv-grp-01 .service-tag {
background-color: #542989;
}
.srv-grp-02 h1, .srv-grp-02 .lead {
color: #0079c2;
}
.srv-grp-02 .block-title {
background-color: #0079c2;
}
.srv-grp-02 .service-tag {
background-color: #0079c2;
}
.srv-grp-03 h1, .srv-grp-03 .lead {
color: #50b948;
}
.srv-grp-03 .block-title {
background-color: #50b948;
}
.srv-grp-03 .service-tag {
background-color: #50b948;
}
.srv-grp-04 h1, .srv-grp-04 .lead {
color: #a41984;
}
.srv-grp-04 .block-title {
background-color: #a41984;
}
.srv-grp-04 .service-tag {
background-color: #a41984;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment