在Sass中划分变量百分比？

-1

我有一个变量，它是一个数字，例如10％。我怎样才能将它作为我的SASS中的一个值使用，但是在其上应用一个分区？在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%; 
    }

我现在需要做的是应用的$值百分之值的一半：

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

这样我就可以输出：

我试着用普通和大括号的示例代码的各种组合。我可以得到10个输出到CSS中的正确数字，但％始终缺少。

来源

2016-01-20 Evans

这里没有足够的信息来重现问题。你在这里发布的内容应该会给你想要的输出。 – cimmanon

确保'$ var'的内容具有百分比符号。 – user2867288

我仍然无法重现问题。第一个选择器的填充左侧为0.1％，第二个填充的宽度为49.9％，第三个填充左侧为0.05％。 – cimmanon

如果您最初的变种是不是百分比仅仅是一个数字，你可能需要试试这个：

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

哪个是更好的做法，因为它会传递给它的值转换为你”重新添加它，在这种情况下是一个百分比。

来源

2016-01-21 00:17:13

根据提供的输出，为什么您会认为'$ var'包含除百分比之外的其他东西？ – cimmanon

因为他们没有显示$ var定义。这就是我说IF的原因。 –

如果未提供所有信息，请不要回答问题。 – cimmanon

在Sass中划分变量百分比？

回答

相关问题