說到媒體查詢我想到的就是麻煩，要寫很多代碼，而且難懂。當(dāng) Sass 推出了 @mixin 和 @content 后一切就感覺很舒服了。 例子 我...
投稿
收錄了20篇文章 · 82人關(guān)注
-
Sass: @media x @mixin x @content -
Sass: @mixin vs placeholder vs @function學(xué)習(xí) Sass 的時候總會發(fā)現(xiàn)這三個東西很像，因為他們都是用來統(tǒng)一代碼來達到復(fù)用的目的的。這篇文章將用一個小例子來對比他們的不同之處。 例子 我...
-
Sass 基礎(chǔ)用法（下）
BEM命名法 Block Element Modifier Block: 主要名字 -> user-card。 Element: 兩個下劃線表示...
-
Sass 基礎(chǔ)用法（上）
嵌套 變量 Mixin（類似于函數(shù)） 兩處地方用相同代碼時可以用Mixin講法，相當(dāng)于機械地拷貝CSS代碼到不同地方。 Placeholder（...
-
Sass 入門實戰(zhàn)
Sass 學(xué)習(xí)起來是很無趣的一件事，畢竟如果沒有項目單單看文檔是挺無聊的，還不如看政治課本有趣。這篇文章就從一個簡單的例子入手，通過用 Sass...
-
Sass函數(shù)功能匯總
Sass自備了一系列的函數(shù)功能，大部分能通過普通的css語句直接調(diào)用。這篇文章會詳細介紹Sass的字符串函數(shù)、數(shù)字函數(shù)、列表函數(shù)、Introsp...
-
關(guān)于Sass的編譯風(fēng)格與編譯命令
Sass的編譯風(fēng)格并不單一，為了滿足不同工程師的編碼習(xí)慣和不同開發(fā)項目的實際需求，Sass人性化的提供四種不同編譯風(fēng)格。這篇文章將會列舉出這四種...
-
通過 sass-resources-loader 全局注冊 Sass 變量
本文講述如何通過 sass-resources-loader 全局注冊變量及由 @mixin、% 定義的通用樣式，以 vue 項目為例。 先描述...
-
純 Css 繪制扇形閱讀此文需具備基本數(shù)學(xué)知識：圓心角、弧度制、三角函數(shù)。 為實現(xiàn)如下效果嘔心瀝血： 當(dāng)然你可以擁抱 Svg...在此分享如何純 Css 打造圓環(huán)進...
-
Sass 學(xué)習(xí)筆記本文以 sass 語法點為主線展開，但語法細節(jié)不在此贅述，如有疑問請移駕至 http://sass-lang.com 自行查閱。我所認為的 sa...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/262404/image.jpeg', '推薦專題《Sass》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/05d2d3ed3a62?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}