Skip to content

Instantly share code, notes, and snippets.

@mborsare
Created August 28, 2014 14:39
Show Gist options
  • Save mborsare/5da6452eb23394fdc2f1 to your computer and use it in GitHub Desktop.
Save mborsare/5da6452eb23394fdc2f1 to your computer and use it in GitHub Desktop.
Sass each loop with a list – Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0)
// ----
$austria-base: red;
$england-base: blue;
$france-base: mediumseagreen;
$germany-base: dimgray;
$italy-base: teal;
$russia-base: beige;
$turkey-base: goldenrod;
$neutral-base: darksalmon;
$water-base: azure;
$impassable-base: lightgray;
$country-features: "austria" $austria-base, "england" $england-base, "france" $france-base, "germany" $germany-base, "italy" $italy-base, "russia" $russia-base, "turkey" $turkey-base, "neutral" $neutral-base, "water" $water-base, "impassable" $impassable-base;
@each $country-feature in $country-features {
.#{(nth($country-feature, 1))} {
fill: darken(nth($country-feature, 2), 20%);
}
}
.austria {
fill: #990000;
}
.england {
fill: #000099;
}
.france {
fill: #226741;
}
.germany {
fill: #363636;
}
.italy {
fill: #001a1a;
}
.russia {
fill: #dede8d;
}
.turkey {
fill: #816213;
}
.neutral {
fill: #d95224;
}
.water {
fill: #8affff;
}
.impassable {
fill: #a0a0a0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment