Skip to content

Instantly share code, notes, and snippets.

@bouveng

bouveng/shader-loop.less

Created October 27, 2015 09:09
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 bouveng/b404833d3f9380c0d16a to your computer and use it in GitHub Desktop.
Save bouveng/b404833d3f9380c0d16a to your computer and use it in GitHub Desktop.
Download ZIP
Less shader loop
Raw
shader-loop.less
@base: #03203a;
@shades: 15;
.shader-loop (@i) when (@i > 0) {
.strategy-chart svg path:nth-child(@{i}) {
@inc: @i;
fill: lighten(@base, @i * 100 / @shades);
}
.shader-loop(@i - 1);
}
.shader-loop (@shades);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment