stylus语法中将一个或多个变量传入calc等方法中

如果是传入一个变量

需要安装下面这种形式传参即可

headHeight=50px  /*stylus语法中定义一个变量*/

height 'calc(100%  - %s)' % headHeight

如果再stylus语法中直接使用是没有问题的!出现问题地方就在于使用内置函数,或者自定义的函数,然后将这个变量传入是如果按照下面的写法是错误的,因为他会认为headHeight是值,而不是变量,需要按上面的方法传参即可,这样在进行stylus编译后就会将变量值传入替换

headHeight=50px  /*stylus语法中定义一个变量*/

height calc(100%  - headHeight)

传入多个变量

和前面差不多,只不过多个变量得通过括号括起来,变量之间用空格隔开!

var1=1
var2=2
var3=3
var4=3
width 'calc(%s / %s * %s - %s)' % (var1 var12 var3 var4)

你可能感兴趣的:(#,css笔记)