Family.scss
v1.0.8
VersionFamily.scss is a set of 26 smart 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
- 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
First of all, import the Family.scss source file into your project.
Then you can use the mixins right away on your stylesheets.
Input :
ul li
Output :
}}
Why only Sass ?
It's true, I did it for Sass, but some awesome contributors extended it to :
Changelogs
v1.0.6
each-after()
mixin removed, re-opening #37
v1.0.5
first-child()
mixin added.last-child()
mixin added.each-after()
mixin added, closing #37- Mention Holmes.js in the about modal.
v1.0.3
first()
mixin now uses:first-child
if the given parameter is1
, closing #10n-between()
mixin added, closing #35at-least()
,at-most()
andin-between()
quantity queries mixins added, closing #24pair-between()
is noweven -between()
, closing #34impair-between()
is nowodd-between()
, closing #34- Source code for the header pattern generator added in the about modal
- Version number added in the footer
backdrop-filter
removed from the about page