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

ruby-on-rails - 如何集成 scss-lint 以在 codeship 上运行?

我正在开发一个项目,我们在代码架构上运行 rspec 测试,以及 rubocop 以实现 ruby​​ 风格的一致性。

我们在开发中使用scss-lint,并作为 sass 样式的编辑器集成。

我们希望将 scss-lint 集成到 codeship 中,因此在运行我们的测试套件后,我们将获得与 rspec 和 rubocop 类似的报告。

任何人都可以帮助提供详细的方法吗?有什么方法可以快速简单地实现这一目标吗?(类似于 rubocop 的集成方式)。

我在 codeship 文档中阅读了一些关于 docker 的内容,但我们目前没有使用 docker,所以我想知道是否会有另一种解决方案。

谢谢你的帮助!

0 投票
2 回答
68 浏览

php - 如何在提交按钮后添加表单?

我创建了一场比赛,当提交比赛时,然后在 wordpress 网站中打开全名和电子邮件 ID 等表格。

我想在 wordpress 网站上创建问答比赛。喜欢

1.捷克斯洛伐克在哪里?

1.布拉格

2.美国

3.亚洲

我想在这里使用复选框按钮。怎么做?如何在wordpress中添加这一切?

0 投票
2 回答
1483 浏览

css - 如何在 angular2 单个组件中访问全局 SASS mixin 函数?

我在全局 SCSS 文件中有一个通用的 SCSS 混合函数。但我无法访问 angular2 组件中的 mixin 函数。

我有全局 style.scss,它具有以下 mixin 功能

我正在尝试在 component.scss 中访问此 mixin 函数,例如

运行它时显示错误

在此处输入图像描述

0 投票
1 回答
2154 浏览

css - 如何在 scss 中设置数据占位符属性的样式?

我正在尝试在 SCSS 中设置数据占位符的样式。坦率地说,我想将数据占位符的颜色从现有颜色更改为深灰色。但是,我没有成功执行该操作。

附件是我的 HTML5 代码。

附件是我的 SCSS 代码。

任何帮助将不胜感激。

0 投票
1 回答
269 浏览

sass - SCSS variables are rendered as browser hacks

I've configured stylelint to read SCSS and I keep getting browser hack warnings on SCSS items like $variables and !default. I loaded in the stylelint-scss plugin thinking this might fix it but it hasn't. I want the browser hacks rule to be enabled for true browser hacks but I'll have to turn this off if it fails on all of the SCSS items.

Does anyone know how I can keep the browser hack rule enabled but not have it fail on non-browser hacks like the standard variables for SCSS?

0 投票
1 回答
383 浏览

sass - 由于 Front Matter,在 @charset UTF-8 上出现 scss-lint 错误

我正在使用带有Syntastic语法检查插件的 Vim,配置为使用默认 sass 和 scss-lint lint 对 scss 文件进行 lint。
在 Jekyll 项目中打开 css/main.scss,scss-lint 返回错误:
css/main.scss:5:1 [E] Syntax Error: Invalid CSS after "@charset "utf-8"": expected "{", was ";"

删除 charset 声明会导致下一行出现相同的错误,依此类推...
删除 Front Matter 块,scss-lint 不再报告错误,但 Jekyll 需要在 sass 的头部有一个空的 Front Matter 块文件来处理它并导入部分和输出 css。

如何配置 scss-lint 以忽略 Front Matter 块?

0 投票
1 回答
51 浏览

css - ionic2 - 更改 .loadcontent 的字体属性

LoadingController用来管理加载页面。下面是我的代码:

  1. 如何更改字体大小loadheader?我尝试在同一页面css的文件中添加代码但失败了。scss

  2. 如何将微调器放在我想要的位置?说我想放在loadheader和我的其他文本之间。目前它位于我所有文本的右侧。

0 投票
2 回答
2418 浏览

css - 为什么样式嵌入在Angular 2中的检查元素上

我从 Internet 下载了一个名为dashgum的免费 HTML 主题。我正在使用angular-cli为 Angular2 应用程序实现它。我将 css 文件转换为 .scss 并将代码粘贴到 Angular 应用程序中。然后,我将文件导入到名为styles.scss的全局样式文件中,以将样式应用于应用程序,如下所示:

我在调试过程中面临的问题是所有样式在浏览器中都显示为嵌入样式,如下所示(注意样式标签):

在此处输入图像描述

我希望样式显示为外部样式,同时在主题中进行检查。请注意以下屏幕截图:

在此处输入图像描述

这些是 Angular 2 中的默认设置,因为我没有对样式进行明显更改以在检查时显示为嵌入。是否有任何已知的方法可以更改 Angular 2 中的设置以使样式在检查时显示为外部样式?嵌入式样式使我更难调试。任何指出解决方案的帮助将不胜感激。

0 投票
1 回答
181 浏览

css - SASS/SCSS 使用 & 符号

我在使用 & 符号时遇到了一些困难。如果我这样使用它:

然后我正在实现我想要的,即:

但是 linter 抱怨伪元素应该嵌套在它的父类中。我试过这个:

但结果不是我想要的:

这是 HTML:

0 投票
0 回答
381 浏览

node.js - Angular 2 CLI SCSS 内联图像

我正在重新编写最初用 Compass 编写的网站,但是我使用了很多带有inline-image的内联 base 64 图像现在我正在使用带有 node-sass 的 Angular 2 CLI 但该功能不可用,有一个名为sass-inline-image 但它需要 gulp 配置,我不知道把它放在哪里,有人知道如何解决这个问题吗?