首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >lessphp没有正确编译边框吗?

lessphp没有正确编译边框吗?
EN

Stack Overflow用户
提问于 2013-04-21 09:32:56
回答 2查看 78关注 0票数 4

我刚刚花了几个小时试图弄清楚为什么我得到了无用的错误,结果发现我的变量没有被导入,因为它不希望包含路径是当前目录(奇怪的……)所以我有点累了,希望其他人能帮我。

我使用的是this PHP LESS compiler,它对几乎所有的东西都很有效。它就是不喜欢这样的代码:

代码语言:javascript
复制
border: 1px solid (@col-border / 3);

在本例中,@col-border被定义为#996633。它正确地将其计算为#332211,但得到的"CSS“是:

代码语言:javascript
复制
border: 1px solid(#332211);

不用说,这是行不通的。有趣的是,它在其他类似的代码行中没有这个问题,比如下面这一行:

代码语言:javascript
复制
box-shadow: 2px 2px 4px (@col-shadow / 3 * 4), -2px -2px 4px (@col-shadow / 3);
/* this compiles just fine */

如果有人能看一看,找出这个问题的来源,我会非常感激。我只是太累了,现在不能自己挖掘...

EN

回答 2

Stack Overflow用户

发布于 2013-04-21 09:55:42

好吧,我想通了。

显然,它正在读取1px solid (@col-border / 3);,就好像solid是一个函数名,而@col-border / 3是它的参数。

我编辑了第2985行以禁用$this->match$eatWhitespace参数,现在它支持关键字后的空格。当然,这意味着我不能再使用function (argument)语法了,但是有人用过吗?

无论如何,谢谢你没有贬低我!

票数 2
EN

Stack Overflow用户

发布于 2013-04-22 03:40:09

不需要编辑一行代码的解决方案

我只是想提供一个不需要对代码本身进行行编辑的解决方案。这是可行的:

代码语言:javascript
复制
@col-border: #996633;
border: ~"1px solid"(@col-border / 3);

输出:

代码语言:javascript
复制
border: 1px solid #332211;
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16127094

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档