Skip to content

Instantly share code, notes, and snippets.

@elrumordelaluz
Created June 17, 2014 13:36
Show Gist options
  • Save elrumordelaluz/4c8d3be1d21f8964ae95 to your computer and use it in GitHub Desktop.
Save elrumordelaluz/4c8d3be1d21f8964ae95 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
// Poor man's nth
// ---
// @param [number] $number: number of iterations
// @param [string] $selector: custom selector
// ---
@mixin nth($number, $selector: '*', $xtra:'') {
@if type-of($number) != "number" {
@warn "Invalid number for `nth`.";
}
@else {
$generated-selector: '';
@for $i from 1 to $number {
$generated-selector: #{$generated-selector + '+' + $selector};
}
& #{$generated-selector} #{$xtra} {
@content;
}
}
}
div {
@include nth(3, li, ' > input[type="checkbox"]') {
background-color: red;
}
}
div + li + li > input[type="checkbox"] {
background-color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment