手写笔 + CSS 功能错误答案

【问题标题】：stylus + CSS function bug手写笔 + CSS 功能错误
【发布时间】：2017-04-21 01:47:23
【问题描述】：

我无法通过 STYLUS 使用变量和函数

查看我的demo

不使用变量可以正常工作：

.div
  position relative
  background #3cd
  width calc(100vw - 10em)
  height calc(100vh - 10em)
  margin 5em

使用变量中断：

$var = 10em

.div
  position relative
  background #3cd
  width calc(100vw - $var)
  height calc(100vh - $var)
  margin calc($var / 2)

有什么想法吗？我还尝试了字符串 % 运算符，但没有运气。谢谢

【问题讨论】：

【解决方案1】：

hh，我认为您应该检查一下手写笔语法。使用手写笔变量时，不应添加“calc()”。直接尝试例如margin $var / 2 而不是margin calc($var / 2)

【讨论】：

感谢您的回复，我尝试删除 calc() 函数，但它仍然坏了codepen.io/katiemoons/pen/RVrbJy?editors=0100
我认为它是由您的 body 及其 css 属性引起的。我将您的代码重写如下：<body><div class="div"></div></body> 和 css body{height: 600px}。它有效。
还有一个我之前忽略的bug，你应该为$var / 2添加括号，即($var / 2)
我在演示中进行了这些更改，但它不起作用，当你编辑我的笔时它对你有用吗？
@kathrynm 是的，我用你的笔进行了编辑，它奏效了。您是否为 margin 属性添加括号？即margin ($var / 2)