问题标签 [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 回答
24 浏览

css - 使用内容值制作 sass 函数

我有这样的东西,这只是一个简单的例子,我需要它更加不同。

如何使 sass 函数生成像这样的 css,这是我现在拥有的,但我不喜欢它的外观 :)

0 投票
0 回答
100 浏览

css - 检查一个 scss(或 css)文件是否仅包含属于另一个 scss(css)文件中规则子集的规则

我有两个文件:all-styles.scss 和 custom-styles.scss

第一个(所有样式)包含我在应用程序中使用的所有样式。第二个文件应该包含第一个文件中的一些规则。我想稍后单独处理这些规则(以使它们可定制)。

我需要检查什么:第二个文件(自定义样式)中的规则是否完全重复第一个文件中相同规则的结构?一种特殊的棉绒。

解决此任务的正则表达式/算法有什么好的想法吗?

或者任何现有的工具?到目前为止我还没有找到它。

例子:

所有样式.scss:

有效的 custom-styles.scss:

无效的自定义样式.scss:

0 投票
1 回答
24 浏览

sass - SCSS:如何使用变量来编写样式类?

我想知道是否有某种方法可以使用影响 SCSS 样式的变量。

我正在寻找类似的东西:

0 投票
0 回答
46 浏览

css - SCSS 断点修正

我已经像这样构建了我的断点,我需要 1024 个断点。我已经 max-width 1199 发生冲突,有人可以帮我解决这个问题。

// 断点 // ------------------

0 投票
2 回答
1198 浏览

css - 将 Sass (scss) 编译为 css

我有这个模板 -网络模板 -当我将它添加到我现有的 Meteor 应用程序时它不会加载scss files,只有客户端目录中的 css 文件。虽然我把它放在scss files公用文件夹中。我可以添加什么最好的方法?因为我无法让它工作,所以我决定将 scss 编译为 css。

我试图通过在 cmd 上这样做来编译文件:sass --update scss:css它只编译main.scss, ie8.scss, ie9.scss到 css 文件夹,其他没有编译。如何一次编译并在 css 文件夹中维护相同的子目录文件夹。为什么以及如何做到这一点?

0 投票
0 回答
213 浏览

javascript - CSS 媒体查询修正

我已经像这样构建了我的断点,我需要 1024 个断点。我已经 max-width 1199 发生冲突,有人可以帮我解决这个问题。

// 断点 // ------------------

0 投票
2 回答
1348 浏览

javascript - Webpack - 对 scss 文件使用 CopyWebpackPlugin

我想将一些文件从*.scss扩展名转换为*.css一个,然后将它们复制到目标文件夹。

这些文件不是模块的一部分,因此我无法通过*.scss加载器(即import "myStyle.scss")导入它们。

我知道如何通过CopyWebpackPlugin插件复制文件 -

所以现在我需要的只是将它添加一个从scssto css before 到 copying 的转换。

我怎么能做到这一点?

0 投票
0 回答
783 浏览

css - SASS Scout 应用程序要导入的文件未找到或不可读

我成功安装了 sass 并开始工作一切都很好然后这发生了

找不到或无法读取要导入的文件:layout/_blog.scss

父样式表:main.scss

如何修复此错误?

0 投票
1 回答
713 浏览

css - 将 CSS 属性应用于特定输入元素以及选择和文本区域时,如何防止“强制属性嵌套”Sass-Lint 警告?

我在构建系统中使用 Sass-Lint 并Attribute-selector should be nested within its parent Type-selector在使用以下选择器时收到警告:

如何更新它以防止警告消息,同时将 CSS 属性应用于所有这些元素?(我显然不想将属性选择器应用于selectand textarea,但不确定在没有两个具有重复属性的单独选择器的情况下如何做到这一点?)

0 投票
2 回答
11057 浏览

css - 如何删除 WebStorm sass-lint 错误“未知的伪选择器 'ng-deep'”

WebStorm 中带有 scss 和 ::ng-deep 的 Angular 2+ 用文本“Unknown pseudo selector 'ng-deep'”突出显示此选择器

我试过类似的东西:

这些都不起作用。

如何在 scss-lint.yml 中为此伪选择器设置异常?