Skip to content

Instantly share code, notes, and snippets.

@gunnarbittersmann
Created September 8, 2015 09:44
Show Gist options
  • Save gunnarbittersmann/9a27e63cef40557aede7 to your computer and use it in GitHub Desktop.
Save gunnarbittersmann/9a27e63cef40557aede7 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;
@for $i from 1 through length($values)
{
#{$selector}
{
#{$property}: nth($values, $i);
}
$selector: append($selector, ">");
$selector: append($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