Skip to content

Instantly share code, notes, and snippets.

@gunnarbittersmann
Last active September 8, 2015 10:43
Show Gist options
  • Save gunnarbittersmann/4d0a14a2ed3354c41ded to your computer and use it in GitHub Desktop.
Save gunnarbittersmann/4d0a14a2ed3354c41ded to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@mixin nestedElements($element-type, $property, $values)
{
$selector: $element-type;
@each $value in $values
{
#{$selector}
{
#{$property}: $value;
}
$selector: $selector ">" $element-type;
}
}
@include nestedElements(mark, background-color, red orange yellow green blue indigo violet);
mark {
background-color: red;
}
mark > mark {
background-color: orange;
}
mark > mark > mark {
background-color: yellow;
}
mark > mark > mark > mark {
background-color: green;
}
mark > mark > mark > mark > mark {
background-color: blue;
}
mark > mark > mark > mark > mark > mark {
background-color: indigo;
}
mark > mark > mark > mark > mark > mark > mark {
background-color: violet;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment