包含CSS代码块的CSS LESSphp变量

Question

我想使用lessphp添加多个样式声明。我已经为$context数组提供了setVariables方法。

$context['font'] = 'color: #ffffff; font-family: verdana;';

然后我想在带有变量名的less文件中使用它，如下所示：

.selector{
  @font;
}

这不起作用，应该用什么方式处理呢？

Answer 1

基于LESSphp和LESS语法，您尝试执行的操作至少存在两个问题：

1. 来自php的数组需要是pairs of variable names and values，而不是属性名称和值。
2. LESS不允许动态设置属性名称。

所以我相信你的解决方案是这样的：

PHP

$context = array(
   "fontColor" => "#ffffff",
   "fontFamily" => "verdana"
);

$less->setVariables($context);

更少的

上面的代码应该在编译后的LESS文件中生成等同于以下内容的代码：

@fontColor: #ffffff;
@fontFamily: verdana;

然后像这样使用它：

.selector {
   color: @fontColor;
   font-family: @fontFamily;
}