0

我想知道是否有人曾经尝试过创建具有可以通过代码扩展的参数的 less 或 sass 样式表。

例如：

@primary-color：红色
@secondary-color：灰色

less 文件设置为使用输入（想想编辑器中具有 2-5 种颜色选项的 wordpress 文件），然后 css 和类都可以通过这些有限的选择进行修改。

我通常会看到在整个页面中创建内联代码的解决方案，但是创建可以通过可能出现在页面头部的一个小脚本文件中的几个输入来修改的 master less/sass 页面似乎更有意义.

在主题化设计时，这种类型的解决方案似乎很有意义。

4

2 回答 2

1

克里斯，不必修复 CSS 或 SAAS 文件。它可以很容易地成为 PHP 或 ASP.NET。

如何在 PHP 中执行此操作的一个链接

http://www.barelyfitz.com/projects/csscolor/

于 2012-05-11T13:43:13.387 回答
1

我不得不实现你在最近的一个项目中描述的东西，我最终使用了lessphp。基本上，我使用的方法是：

  1. 从文件中读取 LESS 表。
  2. 在内存中的字符串开头添加一些自定义 LESS，例如变量声明或其他。
  3. 将完整的 LESS 字符串传递给 lessphp 解析器，获取 CSS。
  4. （可选）智能缓存结果，以节省您将来的一些处理时间。
  5. 为 CSS 服务。

像这样的方法可以很容易地在 WordPress 主题中使用来提供自定义。

另外：我在实现中搞砸的一件事是我将来会尽量避免将变量样式与样式表的其余部分分开。也就是说，lessphp 生成的文件应该只包含依赖于您的动态变量的样式，并且应该只用于增加现有静态工作表中的样式（默认为颜色/选项）。这样可以节省处理能力，还可以让您使用 less.js 来编写大部分样式，让您能够使用#!watch等。

于 2012-05-11T13:51:33.973 回答