Skip to content

Instantly share code, notes, and snippets.

@smlombardi
Created January 7, 2015 17:39
Show Gist options
  • Save smlombardi/30bd780e8b59e4eb85a9 to your computer and use it in GitHub Desktop.
Save smlombardi/30bd780e8b59e4eb85a9 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
//Color chords
$chord: (
(color1:orange, color2: magenta, color3: gray, color4: yellow),
(color1:magenta, color2: blue, color3: gray, color4: orange)
);
@for $c from 1 through 2 {
#chord#{$c} {
@for $i from 1 through 4 {
.color#{$i} {
$c1: map-get( nth($chord, $c), color#{$i});
fill: $c1;
color: $c1;
}
}
}
}
#chord1 .color1 {
fill: orange;
color: orange;
}
#chord1 .color2 {
fill: magenta;
color: magenta;
}
#chord1 .color3 {
fill: gray;
color: gray;
}
#chord1 .color4 {
fill: yellow;
color: yellow;
}
#chord2 .color1 {
fill: magenta;
color: magenta;
}
#chord2 .color2 {
fill: blue;
color: blue;
}
#chord2 .color3 {
fill: gray;
color: gray;
}
#chord2 .color4 {
fill: orange;
color: orange;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment