神刀安全网

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

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 :

Changelogs

v1.0.3

  • first() mixin now uses :first-child if the given parameter is 1 , closing#10
  • n-between() mixin added, closing#35
  • at-least() , at-most() and in-between() quantity queries mixins added, closing#24
  • pair-between() is now even -between() , closing#34
  • impair-between() is now odd-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

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Family.scss 简化你子类选择器的 mixins

分享到:更多 ()

评论 1

  1. #1

    坚持五分钟,那是托隆达在巅峰时期的成绩,现在以他的状态,恐怕最多也就是能够开启现在的状态4分钟左右,自己的事情自己清楚,托隆达现在已经用去的一半的时间,若是在接下来的2分钟内不能切实击败妮娜,恐怕结局就要以托隆达的退场告终了。