问题标签 [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 投票
0 回答
130 浏览

twitter-bootstrap - 在 Windows 上编译 Bootstrap 4 Alpha 5 的问题

我在我的 Windows 10 机器上下载了 bootstrap 4 alpha 5 源文件。我将文件夹解压缩到我的下载文件夹,在进行任何更改之前,我想看看它是如何构建的。所以我打开一个具有管理员权限的命令提示符并运行“npm install”。它运行并说有些东西已被弃用,我在底部得到了这个:

npm WARN optional Skipping failed optional dependency /chokidar/fsevents: npm WARN notsup 与您的操作系统或架构不兼容:fsevents@1.0.15

它说是可选的,所以我没有多想,所以我运行“grunt”并得到以下错误:

运行“scsslint:core”(scsslint)任务警告:bundleExec 选项已设置,但在您的 PATH 中找不到 Bundler 可执行文件。更多信息: https ://github.com/ahmednuaman/grunt-scss-lint 使用 --force 继续。

由于警告而中止。

为了修复它,我尝试将包文件夹中的所有模块更改为 * 以获得最新版本,但它仍然无法正常工作。

我想强调我没有对 bootstrap 4 文件进行任何更改,我只是想编译一个新的下载。

0 投票
1 回答
78 浏览

webpack - Webpack 中的 scsslint-hot preLoader 在子目录中不起作用

我使用 scss-lint 对我的 SCSS 文件进行 lint。为了在 Webpack 中以热模式运行它,我使用 scsslint-hot。

我将它添加到Webpack中的 preLoaders 中,只要文件没有嵌套在子目录中,它就可以正常工作。

例如:

./src/style/layout.scss已正确处理。

./src/style/mixins/buttons.scss根本不会掉毛。为什么?

我究竟做错了什么?我搜索了很多,Webpack 文档也说include 还应该包含子目录。

的 .scss-lint.yml只包含规则,我已经尝试添加scss_files: 'src/style/**/*.scss'到 yml 文件中,但它不能解决问题。

这是我的 webpack.config.js 中有趣的部分:

也许你需要查看我完整的 webpack 配置,你去吧:

谢谢你的帮助!

谢克

0 投票
1 回答
1527 浏览

visual-studio-code - 在 VS Code 中为一个文件禁用 scss.lint 规则

我正在使用 VS Code settings.json 添加 scss.lint 规则。我启用了重要规则,但我想为一个文件关闭它。

这个 SO 答案说明了如何为 scss-lint 执行此操作,但它在 VS Code 中对我不起作用。

有没有办法在 VS Code 中做到这一点?

0 投票
2 回答
4311 浏览

css - 伪类嵌套/SCSS Linter 警告

我对 SCSS 比较陌生,并尝试使用 linter 提高我的技能。我有这个小例子,我只想在父菜单项悬停时显示子菜单。当这段代码工作时,linter 给了我一个“类应该嵌套在它的父类伪类中”。

我不知道 :hover 部分如何嵌套到 .submenu 部分中。你能帮我吗?

0 投票
1 回答
232 浏览

css - 如何在 rtl 中为第一个孩子设置无边距?

我有四个垂直形式的进度条,我希望 rtl 中的第一个孩子没有边距。那么如何在第一个孩子上设置 margin none 呢?我还尝试了第一个子属性。

0 投票
1 回答
4177 浏览

angular - Angular-CLI sass 源图

ng serve 编译我的应用程序,但是当我检查 html 时,CSS 的来源似乎是 (style)...(/style)。有人知道如何通过 Angular-CLI 配置 sass 源映射吗?

0 投票
1 回答
1134 浏览

css - scss:如何从数组动态创建变量

我有这个

它动态创建各种类。我如何扩展它来为每个$colors示例创建变量——我需要使用它$dark来达到dark$colors

0 投票
0 回答
395 浏览

javascript - 如何在用css制作的拨动开关中添加滑动效果?

我正在测试这个切换开关,然后我想验证是否可以仅使用这些 html 元素设置滑动效果。

代码笔切换开关

0 投票
1 回答
452 浏览

css - css动画图标调整大小

你如何在 CSS 中使用 $

在第 3 行的上述链接中 $heartbeat-size: 10px; 我想知道如何在样式表中使用这个元素。

0 投票
1 回答
1536 浏览

css - 具有多个入口点的 node-sass 脚本

我有一个以 structure.scss 作为主要入口点的项目,然后每个平台都有第二个入口点。文件夹结构:

我的 Npm 脚本:

我希望他观看所有文件并在更改任何文件后编译新文件。他目前正在使用此脚本创建正确的文件...但问题是,他尝试将该文件编译为我对其进行更改的入口点文件,这给我带来了很多控制台错误,因为他没有找到任何变量或类似的东西。最后,我每次都需要对正确的文件进行无用的更改,以获得正确的工作文件......

有没有人为我解决这个问题?

另一个问题是,我无法从任何 platform.scss 覆盖平台 > 全局 > 组件 > login.scss 中的默认混合变量 ...