css - 名称错误 : variable @screen-sm-min is undefined

标签 css less

我有一个文件名 base.less 和另一个导入 base.less 的文件 private.less。 在 base.less 我有这段代码

@media (min-width: @screen-sm-min) {

}

当我尝试使用 lessc base.less private.css 编译时出现此错误

NameError: variable @screen-sm-min is undefined in base.less

这不是我的代码,我是 less 的新手,有人知道问题出在哪里吗?

最佳答案

您需要将变量 @screen-sm-min 添加到您的 base.less 中,就像这样 @screen-sm-min: 375px; 之前 你在某处使用该变量。理想情况下,您创建一个名为 vars.less 的文件并将所有变量放入其中,并将其包含在您的 base.less 文件中。

vars.less

@screen-sm-min: 375px;
@default-background-color: #fff;
@my-special-border-color: red;

现在您可以在您的 css 中的任何地方使用 @screen-sm-min。另外,查看 http://lesscss.org/#variables

关于css - 名称错误 : variable @screen-sm-min is undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52326948/

相关文章:

html - 带有 css flexbox 的子级位于父级后面

css - 使用 CSS 属性 text-transform :uppercase copying as uppercase in chrome. 转换的文本 这是 chrome 的新功能还是错误?

css - 未定义的 scss 变量错误

html - 使用全局变量

css - 减少引用来自不同 CSS 文件的类

javascript - 禁用/删除元素中的默认 !important 声明

jquery - 从 Bootstrap 下拉列表中检索值不起作用

php - Magento 2 - 如何更改 php 文件中的 less 变量?

html - CSS 中多少个逗号算过多逗号

less - Ant 设计 : How are they changing color on run time and so quick?