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.
Install
- Clone the project
$ middleman
( You don't use middleman ? Goto https://middlemanapp.com/ )
Use the mixins
Input :
ul li {
background: blue;
@include first(3) {
background: red
}
}
Output :
ul li {
background: blue;
}
ul li:nth-child(-n + 3) {
background: red;
}
Why only Sass ?
It's true, I did it for Sass, but some awesome contributors extended it to :