如何在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);
}