你能用代码修改外部样式表(less,sass)吗?

时间:2012-05-11 13:39:54

标签: css sass less

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

例如:

@ primary-color:红色
@ secondary-color:grey

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

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

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

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:1)

我必须在最近的项目中实现类似于你所描述的内容,最后我使用了lessphp。基本上,我使用的方法是:

  1. 从文件中读取一张LESS表。
  2. 将一些自定义LESS添加到内存中字符串的开头,如变量声明或其他任何内容。
  3. 将完整的LESS字符串传递给lessphp解析器,获取CSS。
  4. (可选)智能缓存结果,以便将来节省一些处理时间。
  5. 提供CSS。
  6. 可以在WordPress主题中轻松使用这样的方法来提供自定义。

    另外:我在实现中拙劣的一件事,我将来会尽量避免将变量样式与样式表的其余部分分开。也就是说,lessphp生成的文件应该只包含依赖于动态变量的样式,并且应该仅用于扩充现有静态工作表中的样式(默认为colors / options)。这样可以节省处理能力,还可以使用less.js来编写大部分样式,使您能够使用#!watch等。