【问题标题】:Can you modify external stylesheets (less, sass) with code?你能用代码修改外部样式表(less,sass)吗?
【发布时间】:2012-05-11 22:08:54
【问题描述】:

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

例如:

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

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

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

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

【问题讨论】:

    标签: css sass less


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 酷!我将不得不阅读更多关于它的信息。对我来说,理想的解决方案是在 head 中使用 less.js、less 和 miniscript。但在你和布赖恩的回答之间,我已经有了一些想法。
    • 太棒了。我添加了另一个警告,您可能也想查看。希望对您有所帮助!
    【解决方案2】:

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

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

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

    【讨论】:

    • 谢谢布赖恩!我希望有一个 less 或 sass 实现,因为我希望大多数设计师可以通过用户选择来创建一些东西(less 或 sass 表)。我将不得不评估在代码中完成整个事情作为解决方案。
    猜你喜欢
    • 2018-11-03
    • 2010-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-25
    • 1970-01-01
    相关资源
    最近更新 更多