手寫筆+ CSS功能的bug

看看我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)

任何想法？我也試過字符串％運算符，沒有運氣。謝謝

可能重複[如何在calc中使用Stylus變量？]（http://stackoverflow.com/questions/32272158/how-to-use-a-stylus-variable -in-calc） –

......我想你應該檢查一下手寫筆的語法。使用手寫筆變量時，不應添加「calc（）」。嘗試直接爲例margin $var/2而不是margin calc($var/2)

2017-04-19 02:55:30 Muran

感謝您的回覆，我嘗試刪除calc（）函數，但它仍然中斷https://codepen.io/katiemoons/pen/RVrbJy?editors=0100 –

我認爲它是從您的「body '和它的css屬性。我重寫你的代碼如下：'

'和css'body {height：600px}'。有用。 – Muran

還有另一個我以前忽略的bug，你應該爲'$ var/2'添加括號，也就是'（$ var/2）' – Muran

回答