如何在calc()中使用多个变量Stylus？

Question

一切都在标题中.我不能在函数CSS calc()中包含几个Stylus变量.

我创建了一个代码Sass,我会在Stylus下转换自己:

// *.scss

$gutter : 1rem;

.sizeXS-m10 {
    width: calc(#{100% / 12 * 10} - #{$gutter});
}

对于单个变量,没问题:

// *.styl

$gutter = 1rem

.sizeXS-m10
  width 'calc(100% / 12 * 10 - %s)' % $gutter

当尝试将此操作的结果集成到变量中时,事情变得复杂:

100% / 12 * 10

Answer 1

只需将值包装到括号中,如下所示:

// *.styl

$gutter = 1rem

.sizeXS-m10
  width 'calc(%s / %s * %s - %s)' % (100% 12 10 $gutter)