css - 你能用代码修改外部样式表(less，sass)吗？

Question

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

例如:

@原色:红色
@secondary-color: 灰色

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

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

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

Answer 1

我不得不在最近的一个元素中实现你所描述的东西，我最终使用了 lessphp .基本上，我使用的方法是:

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

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

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