(5) SCSS練功坊-mixin

使用 mixin 管理重複的樣式

當我們有一段樣式,會被重複用到,裡頭樣式數值又會有不同時,可以用mixin做管理。
撰寫mixin方法

1
@mixin + mixin名稱(參數) { }

circle

上圖中, circle 裡可以帶入 $size,$bg-color等不同參數,如此在不同地方,我們可以依照不同需求,傳入不同參數,做出不同的圓形。

引入 mixin時,用 @include + mixin名稱

編譯後結果