Family.scss

Family.scss is a set of 20 smart Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy and classy way.

Installation

Regular

• Clone the project
• $ middleman ( You don't use middleman ? Goto https://middlemanapp.com/ )

Alternative install

• $ npm install family.scss
• $ bower install family.scss

Family.scss on npm

Usage

Input :

ul li {
  background: blue;

  @include first(3) {
    background: blue;
  }
}

Output :

ul li {
  background: blue;
}
ul li:nth-child(-n + 3) {
  background: blue;
}

Why only Sass ?

It's true, I did it for Sass, but some awesome contributors extended it to :

• Stylus