[問題] sass-bootstrap的mixins?

作者: leizzzz (嘰哩咕嚕稀哩嘩啦)   2014-12-04 09:28:40
想請教一下有使用sass版Bootstrap的前輩們~
sass版本裡面有多一個mixins的資料夾
我知道它可以讓我們這樣寫:
div {
@include make-row();
}
但是這跟使用@extend的差別在哪裡呢?
div {
@extend .row;
}
生出來的CSS是不一樣,但是效果似乎沒差?
想請問一下,什麼情況要用mixin,什麼情況適合extend呢?
我目前都只有使用extend (因為字比較少XD)
作者: ymcheung (ymc)   2014-12-04 10:32:00
一個是叫設定好的 mixin,一個是讀入普通css class吧
作者: kurtisgod (蹦蹦蹦)   2014-12-04 13:07:00
作者: EROS4   2014-12-05 12:20:00
在不同 media query 內只能用 @include 喔
作者: wretch1790 (courage|)   2014-12-05 20:55:00
印象中…mixin是類似可以帶參數進的function,extend就很單純是繼承不會帶數,有誤誤打臉XD
作者: aspdoctor (大崎)   2014-12-13 02:01:00
看一下他產生的css就能理解囉,一個把選取器加到extend後面,一個把樣式複製進來多用extend的目的就是同樣的東西不要重複多次去做,這樣code乾淨,也做到DRY的原則,讓別人覺得你css寫得很geek

Links booklink

Contact Us: admin [ a t ] ucptt.com