当使用Less与字体速记时,我注意到了一个问题
.font(@weight: 300,@size: 22px,@height: 32px) {
font: @weight @size/@height "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;
}
以上失败了
this.a.toCSS is not a function http://localhost/tumblr/modern1/css/style.less on line 1,column 0: 1. @highlight: #cb1e16; 2. @shade1: #cb1e16;
当我把属性分开,它的工作原理
.font(@weight: 300,@height: 32px) {
font-weight: @weight;
font-size: @size;
line-height: @height;
font-family: "Yanone Kaffeesatz","Helvetica Neue",sans-serif;
}
我认为它是因为斜线/这导致了问题,我认为,因为Less可以做计算,例如. 2px 5 = 7px它试图做分歧？
解决方法
刚刚遇到这个问题,escape函数(对于less.js而言)是：
E()
喜欢这个
E()
喜欢这个
font: @weight @size e('/') @height "Helvetica Neue",sans-serif;
