css - 如何在 Sass 中将数字转换为小数

Question

想知道如何制作 .在 $value 之外

@mixin opacity($value) {
    opacity: .$value;
}

如何转义那个点.？我想要这个:

.foo {
    @include opacity(3);
}

生成这个:

.foo {
    opacity: .3;
}

Answer 1

正确的做法是使用除法。使用字符串插值只会给你一个字符串，它不适合传递给需要数字的 Sass 函数:

@mixin opacity($value) {
    opacity: $value / 10;
}

.foo {
    background-color: rgba(5, 5, 5, $value / 10);
}