css - 与 sass 函数一起使用时,Sass 除法不起作用

标签 css sass

我有一个将 px 转换为 em 的函数:

  @function em($pixels, $context: 16px) {
      @return #($pixles/$context)em
    }

我有使用此函数的变量:

$margin: em(60px);

现在我尝试像这样使用它:

div {
 margin: 0 -#{$margin / 2}; 
}

但是这是无效的 css。开发工具中的输出是:

margin: 0 -3.75em / 2

当我删除该函数并仅使用 em 值时,它就可以工作了。 我怎样才能做到这一点?

最佳答案

哈利说的, 但是当你使用该变量时,请尝试这样:

div {
  margin: 0 ($margin / -2);
}

关于css - 与 sass 函数一起使用时,Sass 除法不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40737257/

相关文章:

php - 自定义 wp_list_comments 设计

html - 从给定单元格开始 rowspan 和 colspan 并减少 rowspan 的填充

在另一个 JS 完成后加载 Javascript CSS

html - 固定元素问题 - 无法使其可滚动

css - 在 SASS 中禁用元素的悬停属性

css - Sass 很难解析 CSS RGB 语法

sass - 未设置 compass 单文本阴影()

javascript - jQuery 在点击和滚动后闪烁一个元素

html - 如何删除 IE 中链接周围的边框?

css - 如何让compass mixin transform-origin生效