Family.scss 简化你子类选择器的 mixins
Family.scss
Versionv1.0.4
Family.scss is a set of 24 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 { 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
Changelogs
v1.0.3
-
first()mixin now uses:first-childif the given parameter is1, closing#10 -
n-between()mixin added, closing#35 -
at-least(),at-most()andin-between()quantity queries mixins added, closing#24 -
pair-between()is noweven -between(), closing#34 -
impair-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-filterremoved from the about page
正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
