Family.scss简化你子类选择器的mixins_html/css

Family.scss

Versionv1.0.4

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

Website : http://lukyvj.github.io/family.scss/

Installation

Regular

Alternative install

Family.scss on npm

Usage

First of all, import the Family.scss source fileinto your project.

Then you can use the mixins right away on your stylesheets.

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 :

Changelogs

v1.0.3