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

Answer 2

就像这样：

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