问题标签 [scss-lint]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
132 浏览

ruby-on-rails - 为 UrlFormat 向 scss_lint gem 添加排除选项

我正在使用gem scss_lintscss linting。我遇到的问题是我的一些字符串中有一些变量在 url 的 css 中,所以 linter 报告错误:

我认为应该有一种方法可以在检查中排除某些内容。我看到它data:已被列入白名单,但有时我们在 css 中使用变量,因为它被放入 cms 中。

它出错的代码是:

也许有办法

我不太熟悉 Ruby,无法编写一些东西来检查这些变量,并且要么忽略变量本身,要么忽略整行。

有人有兴趣解决这个问题吗?

它的Ruby代码是。

我认为也许解决方案只是忽略变量,就像它对data:而不是错误所做的那样,除非UrlFormat事实上由于缺少引号或其他原因而无效。

任何帮助,将不胜感激。

0 投票
1 回答
1275 浏览

angularjs - 在 npm 脚本中使用 sass-lint 会导致错误

我正在使用 angular-cli 组合一个应用程序。我将在 SCSS 中编写我的样式,因此我希望为我的 SCSS 文件提供 linting。使用 angular-cli 创建应用程序时已经安装了 Node-sass,并且我已经在本地安装了sass-lint 。

我现在可以从命令行成功运行 linting 命令:

这给了我一个错误和警告列表:

但是,当我将此命令作为 NPM 脚本添加时,package.json它会产生错误,即使它也给了我 linting 的结果:

结果输出:

这是 NPM 的结果日志输出:

我无法弄清楚如何找到导致此错误的原因。谁能指出我正确的方向?

0 投票
1 回答
911 浏览

javascript - Codemirror 的 SCSS linter

如何使 linter 在 Codemirror for SCSS 模式下工作?

如果我使用css-lint.js,那么我会收到诸如Unknown @ rule: &mixin.

0 投票
2 回答
3324 浏览

javascript - 萨斯功能不起作用

任何与代码相关的建议将不胜感激:)

function str-remove-alphabet() :- 此函数将一个字符串作为参数。并删除该字符串中的任何字母。并返回一个 int 值。

function font-size() :- 这个函数有两个参数。1.font-size 和 2.unit。并转换字体大小(例如 15px)并使用 str-remove-alphabet 函数将其转换为(例如 15)。成功返回后,它开始将字体大小计算为给定单位(例如 1.223342rem)。

问题:- 我无法在 font-size() 中调用 str-remove-alphabet()。 在此处输入图像描述

0 投票
0 回答
293 浏览

css - Edge Browser-@supports for SCSS 抛出错误

我有一个 angular2 应用程序,我在其中使用 scss 进行样式设置。我只需要在 Microsoft Edge 中修复一个小的对齐问题。我写了这样的css -

但是当我将鼠标悬停在@supports 上时,它给了我错误-

知道为什么这不起作用。

0 投票
1 回答
243 浏览

css - 为什么 SASS 编译不需要/未使用的代码

我正在学习 SASS 并尝试一些示例。我在理解选择器序列以及为什么 SASS 合并它们时遇到了一些问题。

在现实世界的场景中,输出可能包含不需要的 css。例如:-

此代码块符合:-

问题是

可能永远不会被使用。如果不需要,那么合并选择器序列有什么意义。

我怎样才能避免这种情况。我怎样才能让它只扩展:-

那会需要我改用一个类吗...

0 投票
1 回答
1959 浏览

css - Scss Mixin 无法识别

刚接触 Scss/Sass

我正在尝试使用 mixin 来动态构建媒体查询。我这样做更多是为了测试稍后在特定的 module.scss 文件中传递变量,但我遇到了一个奇怪的错误。

这是我的混合代码:

进入 mod 文件后,我正在尝试编写如下内容:

但是,当我保存/处理文件时,出现以下错误:“错误 No mixin named break backtrace: ..//[...]”

当我检查 mixin.css 页面时,没有记录任何内容,所以我没有通过某些东西,我只是不知道是什么。

这是我的整体风格页面,以防万一,我也遗漏了一些东西:

0 投票
1 回答
43 浏览

html - SCSS 引用元素的特定实例

在我的 mod.scss 文件中的其他地方对 Scss/Sass非常Ul > li陌生,已经编写了我经常重复使用的样式。但是,在另一个 mod.scss 文件中,我需要为单个特定实例更改此代码。

是否可以从本质上创建一个类似 if 的语句:“如果 UL/LI 标签出现在.content-section类下,则采取行为 X、Y 和 z”?

HTML:

0 投票
1 回答
71 浏览

html - 在 Scss 中使用 Reset 和 Normalizer

我有一个关于reset/normalizer在 scss 中包含文件的问题。当我创建一个新文件时,比如说_normal.scss,并将规范化器 css 复制/粘贴到文件中,一旦我保存它就会创建一个重复的 css 文件。因此,在该文件夹中,我将拥有:

  1. normal.scss
  2. normal.css

当我转到我的导入文件时,@import "../Resets/_normal.scss"我是否也应该导入 .css 文件?

0 投票
1 回答
40 浏览

ruby - SCSS 自定义 Linter 不在 mixins 或函数内部

我有这个 linter 规则,它验证每个变量都有使用!default

我希望它只检查全局变量,而不是 afunction或 a中的变量mixin

如何让它忽略非全局范围的变量?