css
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
・
・
・
.mt-1000 {
margin-top: 1000px;
}
sass
@for $i from 1 through 200 {
$val: 5 * $i;
.mt-#{$val} {
margin-top: $val + px;
}
}
- import
- nest
- variable
- mixin
- extend
- function
- function == 関数 でプログラミングの領域に少し入りかけている。
- 関数を作ってもメンテナンスする人がいない。
- 使うところが少ない。(mixinで間に合うものが多い)
- 複雑な計算を要するもの。(アニメーションの距離や時間など)