Skip to content

Instantly share code, notes, and snippets.

@jblanche
Created June 24, 2015 13:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jblanche/684c8417c18583796b29 to your computer and use it in GitHub Desktop.
Save jblanche/684c8417c18583796b29 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$color-snow--default: white;
$color-sand--default: yellow;
$color-rain--default: blue;
$color-forest--default: green;
$color-city--default: grey;
.truc {
@each $type, $color in (snow: $color-snow--default, sand: $color-sand--default, rain: $color-rain--default, forest: $color-forest--default, city: $color-city--default) {
&[data-terrain="#{$type}"] {
border-color: $color;
}
}
}
.truc[data-terrain="snow"] {
border-color: white;
}
.truc[data-terrain="sand"] {
border-color: yellow;
}
.truc[data-terrain="rain"] {
border-color: blue;
}
.truc[data-terrain="forest"] {
border-color: green;
}
.truc[data-terrain="city"] {
border-color: grey;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment