Family.scss 简化你子类选择器的 mixins_html/css_WEB-ITnose
Family.scss
Versionv1.0.4
Family.scss is a set of 24smart 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 fileinto 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 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-filterremoved from the about page
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

我如何使用html5< time> 元素以語義表示日期和時間?
