Skip to content

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

License

Notifications You must be signed in to change notification settings

julzmon/family.scss

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Family.scss

npm version Gitter

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

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 :

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 48.5%
  • JavaScript 24.0%
  • CSS 23.7%
  • Ruby 3.8%