Question

我有一个数字，一个％，例如10％。我怎样才能将它作为我的SASS中的值使用但是对它应用除法？

我有这个：

$value: 0.1;

$value-percent: $value * 1%;

$value-from-50: (50 - $value) * 1%;

    .test {
        padding-left: $value-percent;
    }

    .test2 {
        width: $value-from-50;
    }

哪个输出：

    .test {
        padding-left: 10%;
    }

    .test2 {
        width: 40%;
    }

我现在需要做的是应用$ value-percent的一半值：

    .test3 {
        padding-left: $value-percent / 2;
    }

这样我就可以输出：

    .test3 {
        width: 5%;
    }

我尝试过该示例代码与普通和花括号的各种组合。我可以将正确数量的10输出到CSS中，但％总是丢失。

Answer 1

如果你的初始var不是一个百分比而只是一个数字，你可能需要尝试这个：

.test {
    padding-right: ($var / 2) + 0%
}

哪种方法更好，因为它会将您传递给它的值转换为您要添加的值，在这种情况下为百分比。

在Sass中除以百分比变量？

1 个答案: