これを
.hoge {
height: 32px;
min-width: 32px;
@include css3(border-radius, 16px);
}
↓こうしたい場合
$size: 32px;
.hoge {
height: $size;
min-width: $size;
@include css3(border-radius, $sizeの半分);
}
@include
の中で calc()
を使ってこう↓書いてもだめで、
.hoge {
height: $size;
min-width: $size;
@include css3(border-radius, calc( $size / 2));
}
@include
の中で calc()
を使うならこう↓書くといいみたい
.hoge {
height: $size;
min-width: $size;
@include css3(border-radius, calc( #{$size} / 2));
}
一年に一回ぐらい検索してる気がするのでメモ。。。