sass - 编写一个返回字符串的 Sass/Scss 函数

Question

我正在尝试使用 Scss 中的两个自定义实用程序函数来优化与 CSS 相关的计算。

一种针对 EM:

@function _em($wanted, $inherited) {
  @return ($wanted / $inherited) + 'em';
}

...另一个百分比:

@function _pc($wanted, $parent) {
  @return (($wanted / $parent) * 100) + '%';
}

...然后内联调用它们:

body {
  margin: _pc(40,1024);
  font-size: _em(20,16);
  line-height: _em(26,20);
}

这些都没有返回预期的 Nem或 N%字符串，但是。 (我认为这是我的字符串连接 - 即在计算结束时粘贴单位声明 - 但我不确定。)

任何人都可以阐明我做错了什么吗？

Answer 1

实际上，您的问题是 mixin 的名称。我自己刚刚发现了这一点，但显然你不能用下划线开始混合。

这个作品:http://jsfiddle.net/B94p3/

@function -em($wanted, $inherited) {
  @return ($wanted / $inherited) + 'em';
}

@function -pc($wanted, $parent) {
  @return (($wanted / $parent) * 100) + '%';
}

p {
    font-size: -em(40,16);
}