【问题标题】:dotlesscss: How to change variables value from importer dotlesscss stylesheetdotlesscss:如何从导入器 dotlesscss 样式表中更改变量值
【发布时间】:2011-09-29 12:58:21
【问题描述】:

我想使用将颜色定义为无点变量的基本样式表。 然后,根据我使用的颜色主题,我想更改这些颜色。

- 基本样式表示例:

body
{
  color: @brand_color;
}

- 特定样式表的示例,取决于我选择的配色方案:

@import "../BaseStyleSheet.less.css";

@brand_color: green;

我怎样才能做到这一点?

【问题讨论】:

    标签: css tags dotless


    【解决方案1】:

    导入文件的扩展名应为“.less”。

    在 import 语句之后或之前更改变量值没有区别,它只是不会更改变量值,使我想要的成为不可能。

    “导入将无法访问主引用 Less 文件(或主文件中其他引用的 Less 文件)中的变量。这可确保导入的 Less 文件不依赖于它们的使用位置。”

    http://enginechris.wordpress.com/2009/11/23/my-thoughts-on-using-dotless-and-the-less-syntax/

    【讨论】:

      【解决方案2】:

      您需要将导入文件的扩展名更改为 .less

      只有当它们以 .less 结尾时,Less 才会编译导入,如果它们以其他内容结尾,它会按字面意思获取文件的内容并将其插入到您的文件中。

      另请注意,您可能必须在导入之前放置 @brand_color: green 声明,以便导入的文件可以访问它。

      【讨论】:

      • “您需要将导入文件的扩展名更改为.less”是正确的
      猜你喜欢
      • 1970-01-01
      • 2014-12-05
      • 1970-01-01
      • 2013-08-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-06-18
      • 1970-01-01
      相关资源
      最近更新 更多